| Server IP : 178.128.106.170 / Your IP : 216.73.217.12 Web Server : nginx/1.18.0 System : Linux Live-Team 5.10.0-44-amd64 #1 SMP Debian 5.10.257-1 (2026-05-27) x86_64 User : ( 1000) PHP Version : 7.3.33-14+0~20230902.114+debian11~1.gbp764b27 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals, MySQL : OFF | cURL : OFF | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/agm.gocon.live/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<!-- Basic -->
<head>
<title>VIRTUAL PLATFORM FOR ONLINE AGM, VIRTUAL BUSINESS MEETINGS AND ANY OTHER EVENTS </title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content=" VOICE NOTE COMMENT, REAL-TIME COMMENT , 24 HOUR POST AGM ACCESS, MULTIPLE SPEAKER SUPPORT , Voting, LIVE QUESTION & ANSWER , PROXY ENTRY, REPORTING AND DATA EXPORTS, INVESTORS, SHAREHOLDER, ,HIGHLY SECURED SYSTEM, ADVANTAGES OF GOCON AGM ">
<meta property="og:title" content="VIRTUAL PLATFORM FOR ONLINE AGM, VIRTUAL BUSINESS MEETINGS AND ANY OTHER EVENTS ">
<meta property="og:site_name" content="GOCON AGM">
<meta property="og:url" content="https://www.agm.gocon.live/virtual-agm-platform.html">
<meta property="og:description" content="VOICE NOTE COMMENT, REAL-TIME COMMENT , 24 HOUR POST AGM ACCESS, MULTIPLE SPEAKER SUPPORT , Voting, LIVE QUESTION & ANSWER , PROXY ENTRY, REPORTING AND DATA EXPORTS, INVESTORS, SHAREHOLDER, ,HIGHLY SECURED SYSTEM, ADVANTAGES OF GOCON AGM">
<meta property="og:type" content="article">
<meta property="og:image" content="https://agm.gocon.live/img/virtual-agm-platform.png">
<meta name="description" content="VOICE NOTE COMMENT, REAL-TIME COMMENT , 24 HOUR POST AGM ACCESS, MULTIPLE SPEAKER SUPPORT , Voting, LIVE QUESTION & ANSWER , PROXY ENTRY, REPORTING AND DATA EXPORTS, INVESTORS, SHAREHOLDER, ,HIGHLY SECURED SYSTEM, ADVANTAGES OF GOCON AGM ">
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Site Icons -->
<link href="fevicon.ico" rel="shortcut icon" type="image/x-icon" />
<link rel="apple-touch-icon" href="fevicon.ico">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<!-- Pogo Slider CSS -->
<link rel="stylesheet" href="css/pogo-slider.min.css" />
<!-- Site CSS -->
<link rel="stylesheet" href="css/style.css" />
<!-- Responsive CSS -->
<link rel="stylesheet" href="css/responsive.css" />
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css" />
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!—- ShareThis BEGIN -—>
<script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=5f8c46c9fe28740012ae7357&product=sticky-share-buttons" async="async"></script>
<!—- ShareThis END -—>
</head>
<body id="services" class="inner_page" data-spy="scroll" data-target="#navbar-wd" data-offset="98">
<!-- END LOADER -->
<header class="top-header">
<nav class="navbar header-nav navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="index.html"><img src="img/gocon-agm-logo.png" alt="image" width="275px"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-wd" aria-controls="navbar-wd" aria-expanded="false" aria-label="Toggle navigation">
<span></span>
<span></span>
<span></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbar-wd">
<ul class="navbar-nav">
<li><a class="nav-link active" href="index.html">Home </a></li>
<li><a class="nav-link active" href="overview-gocon-agm.html">Overview </a></li> <li><a class="nav-link" href="virtual-agm-platform.html">GOCON AGM</a></li>
<li><a class="nav-link" href="about-gocon.html">About </a></li>
<li><a class="nav-link" href="contact.html">Contact </a></li>
<li><a class="nav-link active" style="background:#FF0000;color:#fff;" href="demo.html">GET DEMO</a></li>
</ul>
</div>
</div>
</nav>
</header>
<img src="img/virtual-agm-platform.png" width="100%" alt="VIRTUAL PLATFORM FOR ONLINE AGM">
<!-- section -->
<div class="section layout_padding">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="full">
<div class="heading_main text_align_left">
<div class="right">
<p class="small_tag">VIRTUAL PLATFORM FOR ONLINE AGM</p>
<br>
<h2><span class="theme_color">TAILORED SOLUTIONS FOR YOUR COMPANY’S AGM’S, PROFIT DISCLOSURE ANNOUNCEMENTS, VIRTUAL BUSINESS MEETINGS AND ANY OTHER EVENTS.
</span></h2> <br>
<p>Adapting to the new COVID-19 reality, companies across the globe increasingly move their annual general meetings (AGM) online.
With many solutions available to choose from, picking the best virtual AGM platform that meets the needs of your organization might be difficult. To help you navigate the decision-making process, here are points to consider when selecting a virtual or electronic AGM solution.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row margin-top_30">
<div class="col-sm-6 col-md-4">
<div class="service_blog">
<div class="service_icons">
<img width="75" height="75" src="img/icon-6.png" alt="#">
</div>
<div class="full">
<h4>REAL-TIME COMMENT</h4>
</div>
<div class="full">
<p>During the AGM, shareholders are able to give their feedback and comment in the chatbox which all the attendees are able to see.
</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="service_blog">
<div class="service_icons">
<img width="75" height="75" src="img/icon-2.png" alt="#">
</div>
<div class="full">
<h4>VOICE NOTE COMMENT</h4>
</div>
<div class="full">
<p> Stakeholders are able to send a 2-minute voice note directly to the board member during the AGM without any interference.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="service_blog">
<div class="service_icons">
<img width="75" height="75" src="img/icon-4.png" alt="#">
</div>
<div class="full">
<h4>24 HOUR POST AGM ACCESS
</h4>
</div>
<div class="full">
<p>The AGM broadcast is saved for 24 hours after the event, A shareholder is able to access it if they were unable to attend the AGM on time.
</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="service_blog">
<div class="service_icons">
<img width="75" height="75" src="img/icon-3.png" alt="#">
</div>
<div class="full">
<h4>MULTIPLE SPEAKER SUPPORT
</h4>
</div>
<div class="full">
<p> GOCON AGM supports multiple speakers from different locations as well as also possible to delegate roles for every speaker. Delegation of in-meeting roles ensures the meeting is organized.
</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="service_blog">
<div class="service_icons">
<img width="75" height="75" src="img/icon-5.png" alt="#">
</div>
<div class="full">
<h4>VOTING</h4>
</div>
<div class="full">
<p> Voting is a compulsory action for an AGM, with GOCON’s virtual AGM platform solution board members, stakeholders are able to vote in realtime and in a more organized accurate way.
</p> </div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="service_blog">
<div class="service_icons">
<img width="75" height="75" src="img/icon-1.png" alt="#">
</div>
<div class="full">
<h4>LIVE QUESTION & ANSWER</h4>
</div>
<div class="full">
<p>An intuitive Q&A feature facilitates shareholder engagement. The participants have adequate time to ask their questions and review the answers. This is available before, during, and after the meeting.
</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="service_blog">
<div class="service_icons">
<img width="75" height="75" src="img/icon-5.png" alt="#">
</div>
<div class="full">
<h4>PROXY ENTRY</h4>
</div>
<div class="full">
<p> If a stakeholder is unable to attend, in this case, the stakeholder can give access to another individual to attend in their place.The management of proxy forms and voting rights improve administrative tasks and delivers a seamless meeting experience. </p> </div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="service_blog">
<div class="service_icons">
<img width="75" height="75" src="img/icon-1.png" alt="#">
</div>
<div class="full">
<h4>REPORTING AND DATA EXPORTS</h4>
</div>
<div class="full">
<p>Compiling polls and minutes of proceedings helps keep records available for internal and external audits. Attendee meeting data collected at registration and exported to excel.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="service_blog">
<div class="service_icons">
<img width="75" height="75" src="img/icon-1.png" alt="#">
</div>
<div class="full">
<h4>INVESTORS, SHAREHOLDER</h4>
</div>
<div class="full">
<p>Depending on the requirement of a company, 100 to 50,000 participants, investors, shareholders can join at a time using GOCON AGM.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="service_blog">
<div class="service_icons">
<img width="75" height="75" src="img/icon-4.png" alt="#">
</div>
<div class="full">
<h4>HIGHLY SECURED SYSTEM
</h4>
</div>
<div class="full">
<p>Facilitate seamless and fuss-free shareholder registration and collection of AGM-related information in one integrated platform. GOCON AGM platform has state of the art and robust security measures. Backed by regular third-party testing to screen for vulnerabilities.
</p>
</div>
</div>
</div>
</div>
<br> <br> <br>
<h2>ADVANTAGES OF GOCON AGM
</h2>
<h3><br><br>
●<b> Cost Effective : </b> Planning a physical AGM meeting comes with unexpected costs. Virtual AGM saves on travel, event, refreshment costs, and much more miscellaneous cost
<br><br>● <b> Broader Reach :</b> With Gocon AGM , more shareholders are able to attend this includes the shareholder who were always unable to attend the physical event due to travel cost or lack of space.
<br> <br>● <b> Time Utilization :</b> Travel and meeting planning is time-consuming and stressful. Taking the event online helps to save a lot of time in terms of organizing , pre-booking venue and travelling..
<br><br> ● <b> Advance Preparation: </b> Virtual AGM allow shareholders to submit private comments with moderation options which enable companies to manage the meeting how they would like.
<br><br> ● <b> More accurate and organized : </b> The voting count is more organized and results are instant , This gives more clarity for the shareholders and the administration of the organization.
<br> <br>● <b> Instant Feedback : </b> Shareholders are able to give comment on the topic of discussion and is even able to give a private 2 minute voice note to the board members. This allows the users to keep discretion and in order.
<br><br> ● <b> Tech-oriented approach: </b> Shareholders want update and assurance from the company they are invested in without extra effort. Virtual meetings are a subtle way to show shareholders that you are willing to cater to their needs in every way possible regardless of any crisis.
</h3>
</div>
</div>
</div>
<!-- end section -->
<!-- section -->
<div class="section layout_padding dark_bg">
<div class="container">
<div class="row margin-top_30 counter_section">
<div class="col-sm-12 col-md-4">
<div class="counter margin-top_30">
<h2 class="timer count-title count-number" data-to="26" data-speed="1500"></h2>
<p class="count-text"> AGM </p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="counter margin-top_30">
<h2 class="timer count-title count-number" data-to="109" data-speed="1500"></h2>
<p class="count-text">EVENTS</p>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="counter margin-top_30">
<h2 class="timer count-title count-number" data-to="8000" data-speed="1500"></h2>
<p class="count-text"> WEBCAST </p>
</div></div>
</div>
</div>
</div>
<!-- end section -->
</br>
<div class="container">
<h2>Featured Post </h2>
<div id="demo" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item ">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-12">
<a href="https://gocon.live/conduct-an-agm-via-digital-agm-platform-with-long-distance-voting/" title="Conduct an AGM via Digital AGM platform with long-distance voting" target="_blank"> <img class="img-responsive" src="images/Conduct-an-AGM-via-Digital-AGM-platform-with-long-distance-voting.jpg" alt="Conduct an AGM via Digital AGM platform with long-distance voting" /> </a>
<a href="https://gocon.live/conduct-an-agm-via-digital-agm-platform-with-long-distance-voting/" title="Conduct an AGM via Digital AGM platform with long-distance voting" target="_blank"> <p class="large">Conduct an AGM via Digital AGM platform with long-distance voting</p> </a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<a href="https://gocon.live/can-a-digital-agm-or-meeting-be-as-good-as-a-physical-one/" title="Can a digital AGM or meeting be as good as a physical one?" target="_blank"> <img class="img-responsive" src="images/Can-a-digital-AGM-or-meeting-be-as-good-as-a-physical-one.jpg" alt="Can a digital AGM or meeting be as good as a physical one?" /> </a>
<a href="https://gocon.live/can-a-digital-agm-or-meeting-be-as-good-as-a-physical-one/" title="Can a digital AGM or meeting be as good as a physical one?" target="_blank"> <p class="large">Can a digital AGM or meeting be as good as a physical one?</p> </a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<a href="https://gocon.live/virtual-events-platform-boost-revenue-meet-targets-virtual-events-platform-boost-revenue-meet-targets/" title="Virtual Events Platform – Boost Revenue & Meet Targets" target="_blank"> <img class="img-responsive" src="images/Virtual-Events-Platform-Boost-Revenue-Meet-Targets.jpg" alt="Virtual Events Platform – Boost Revenue & Meet Targets" /> </a>
<a href="https://gocon.live/virtual-events-platform-boost-revenue-meet-targets-virtual-events-platform-boost-revenue-meet-targets/" title="Virtual Events Platform – Boost Revenue & Meet Targets" target="_blank"> <p class="large">Virtual Events Platform – Boost Revenue & Meet Targets</p> </a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<a href="https://gocon.live/bangladesh-first-virtual-hybrid-digital-agm-platform-gocon-agm/" title="Bangladesh first Virtual, hybrid & digital AGM platform – GOCON AGM" target="_blank"> <img class="img-responsive" src="images/Bangladesh-first-Virtual-hybrid-digital-AGM-platform-GOCON-AGM.jpg" alt="Bangladesh first Virtual, hybrid & digital AGM platform – GOCON AGM" /> </a>
<a href="https://gocon.live/bangladesh-first-virtual-hybrid-digital-agm-platform-gocon-agm/" title="Bangladesh first Virtual, hybrid & digital AGM platform – GOCON AGM" target="_blank"> <p class="large">Bangladesh first Virtual, hybrid & digital AGM platform – GOCON AGM</p> </a>
</div>
</div>
</div>
<div class="carousel-item active">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-12">
<a href="https://gocon.live/steps-to-run-an-effective-digital-meeting-transform-a-corporate-events/" title="Steps to Run an Effective Digital Meeting & transform a Corporate Events" target="_blank"> <img class="img-responsive" src="images/Steps-to-Run-an-Effective-Digital-Meeting-transform-a-Corporate-Events.jpg" alt="Steps to Run an Effective Digital Meeting & transform a Corporate Events" /> </a>
<a href="https://gocon.live/steps-to-run-an-effective-digital-meeting-transform-a-corporate-events/" title="Steps to Run an Effective Digital Meeting & transform a Corporate Events" target="_blank"> <p class="large">Steps to Run an Effective Digital Meeting & transform a Corporate Events</p> </a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<a href="https://gocon.live/choosing-the-best-digital-meeting-platform-for-your-organization/" title="Choosing the Best digital meeting platform for Your Organization" target="_blank"> <img class="img-responsive" src="images/Choosing-the-Best-digital-meeting-platform-for-Your-Organization.jpg" alt="Choosing the Best digital meeting platform for Your Organization" /> </a>
<a href="https://gocon.live/choosing-the-best-digital-meeting-platform-for-your-organization/" title="Choosing the Best digital meeting platform for Your Organization" target="_blank"> <p class="large">Choosing the Best digital meeting platform for Your Organization</p> </a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<a href="https://gocon.live/gocon-agm-virtual-agm-investor-communications-platform/" title="GOCON AGM – Virtual AGM & Investor communications platform" target="_blank"> <img class="img-responsive" src="images/GOCON-AGM-Virtual-AGM-Investor-communications-platform.jpg" alt="GOCON AGM – Virtual AGM & Investor communications platform" /> </a>
<a href="https://gocon.live/gocon-agm-virtual-agm-investor-communications-platform/" title="GOCON AGM – Virtual AGM & Investor communications platform" target="_blank"> <p class="large">GOCON AGM – Virtual AGM & Investor communications platform</p> </a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<a href="https://gocon.live/what-is-a-virtual-hybrid-agm-know-the-difference/" title="What is a Virtual/hybrid AGM? – know the difference" target="_blank"> <img class="img-responsive" src="images/GOCON-helps-businesses-organizations-bring-their-stakeholders-together.jpg" alt="What is a Virtual/hybrid AGM? – know the difference" /> </a>
<a href="https://gocon.live/what-is-a-virtual-hybrid-agm-know-the-difference/" title="What is a Virtual/hybrid AGM? – know the difference" target="_blank"> <p class="large">What is a Virtual/hybrid AGM? – know the difference</p> </a>
</div>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="carousel-control-prev" href="#demo" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#demo" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
</div>
</br>
<div class="section dark_bg">
<div class="container-fluid">
<center>
</br>
<img class="img-responsive" src="images/gocon-agm-brac.jpg" width="200px" alt="GOCON AGM BRAC BANK" />
<img class="img-responsive" src="images/gocon-agm-e-cab.jpg" width="200px" alt="gocon-agm-e-cab-logo" />
<img class="img-responsive" src="images/gocon-agm-basis.jpg" width="200px" alt="gocon-agm-basis-logo" />
<img class="img-responsive" src="images/gocon-agm-brac-university.jpg" width="200px" alt="gocon-agm-brac-university-logo" />
<img class="img-responsive" src="images/gocon-agm-british-council.jpg" width="200px" alt="gocon-agm-british-council-logo" />
<img class="img-responsive" src="images/gocon-agm-adb.jpg" width="200px" alt="gocon-agm-adb-logo" />
</br></br>
<img class="img-responsive" src="images/gocon-agm-bangladesh-bank.jpg" width="200px" alt="gocon-agm-bangladesh-bank-logo" />
<img class="img-responsive" src="images/gocon-agm-ict-division.jpg" width="200px" alt="gocon-agm-ict-division-logo" />
<img class="img-responsive" src="images/gocon-agm-citycell.jpg" width="200px" alt="gocon-agm-citycell-logo" />
<img class="img-responsive" src="images/gocon-agm-aarong.jpg" width="200px" alt="gocon-agm-aarong-logo" />
<img class="img-responsive" src="images/gocon-agm-digital-world.jpg" width="200px" alt="gocon-agm-digital-world-logo" />
<img class="img-responsive" src="images/gocon-agm-city-bank.jpg" width="200px" alt="gocon-agm-city-bank-logo" />
</center>
</br>
</div>
</div>
</br>
<!-- Start Footer -->
<footer class="footer-box">
<div class="container">
<center>
<ul class="full social_icon margin-top_20">
<li><a target="_blank" href="https://www.facebook.com/GOCON.OFFICIAL/"><i class="fa fa-facebook-f"></i></a></li>
<li><a target="_blank" href="https://twitter.com/GoconLive"><i class="fa fa-twitter"></i></a></li>
<li><a target="_blank" href="https://www.linkedin.com/company/goconlive/"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://www.youtube.com/channel/UCaEyhdz9Scdai97HheVJLHg"><i class="fa fa-youtube"></i></a></li>
<li><a target="_blank" href="https://www.tumblr.com/blog/goconlive1"><i class="fa fa-tumblr" aria-hidden="true"></i></a></li>
<li><a target="_blank" href="https://www.flickr.com/people/189954037@N03/"><i class="fa fa-flickr" aria-hidden="true"></i></a></li>
</ul>
</center>
</div>
</footer>
<!-- End Footer -->
<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
xfbml : true,
version : 'v8.0'
});
};
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- Your Chat Plugin code -->
<div class="fb-customerchat"
attribution=setup_tool
page_id="624651634256108"
theme_color="#0173B1"
logged_in_greeting="Hello there, welcome to GOCON AGM! How can I help you? "
logged_out_greeting="Hello there, welcome to GOCON AGM! How can we help you? ">
</div>
<div class="footer_bottom">
<div class="container">
<div class="row">
<div class="col-12">
<p class="crp">GOCON AGM the ultimate virtual AGM solution
</p>
<ul class="bottom_menu">
<li>
Copyright © 2020 All Rights Reserved @ <a href="https://gocon.live/">GOCON.LIVE</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- ALL JS FILES -->
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- ALL PLUGINS -->
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.pogo-slider.min.js"></script>
<script src="js/slider-index.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/form-validator.min.js"></script>
<script src="js/contact-form-script.js"></script>
<script src="js/isotope.min.js"></script>
<script src="js/images-loded.min.js"></script>
<script src="js/custom.js"></script>
<script>
/* counter js */
(function ($) {
$.fn.countTo = function (options) {
options = options || {};
return $(this).each(function () {
// set options for current element
var settings = $.extend({}, $.fn.countTo.defaults, {
from: $(this).data('from'),
to: $(this).data('to'),
speed: $(this).data('speed'),
refreshInterval: $(this).data('refresh-interval'),
decimals: $(this).data('decimals')
}, options);
// how many times to update the value, and how much to increment the value on each update
var loops = Math.ceil(settings.speed / settings.refreshInterval),
increment = (settings.to - settings.from) / loops;
// references & variables that will change with each update
var self = this,
$self = $(this),
loopCount = 0,
value = settings.from,
data = $self.data('countTo') || {};
$self.data('countTo', data);
// if an existing interval can be found, clear it first
if (data.interval) {
clearInterval(data.interval);
}
data.interval = setInterval(updateTimer, settings.refreshInterval);
// initialize the element with the starting value
render(value);
function updateTimer() {
value += increment;
loopCount++;
render(value);
if (typeof(settings.onUpdate) == 'function') {
settings.onUpdate.call(self, value);
}
if (loopCount >= loops) {
// remove the interval
$self.removeData('countTo');
clearInterval(data.interval);
value = settings.to;
if (typeof(settings.onComplete) == 'function') {
settings.onComplete.call(self, value);
}
}
}
function render(value) {
var formattedValue = settings.formatter.call(self, value, settings);
$self.html(formattedValue);
}
});
};
$.fn.countTo.defaults = {
from: 0, // the number the element should start at
to: 0, // the number the element should end at
speed: 1000, // how long it should take to count between the target numbers
refreshInterval: 100, // how often the element should be updated
decimals: 0, // the number of decimal places to show
formatter: formatter, // handler for formatting the value before rendering
onUpdate: null, // callback method for every time the element is updated
onComplete: null // callback method for when the element finishes updating
};
function formatter(value, settings) {
return value.toFixed(settings.decimals);
}
}(jQuery));
jQuery(function ($) {
// custom formatting example
$('.count-number').data('countToOptions', {
formatter: function (value, options) {
return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',');
}
});
// start all the timers
$('.timer').each(count);
function count(options) {
var $this = $(this);
options = $.extend({}, options || {}, $this.data('countToOptions') || {});
$this.countTo(options);
}
});
</script>
</body>
</html>