我们在数字计数的脚本上制作,但问题是当我们刷新并且到页数计数开始但是当任何人去那个数字或点然后数字计数开始时想要.
CSS: –
.office{padding-right: 5px; padding-left: 5px;} .office div{margin-bottom:5px;} .office i {margin-right:0px;} .office i img{width: 35px; height: 35px;} .office div span{ font-size: 36px; position: relative; top: 10px;} .office p{ font-size: 13px; margin:0; padding:0;}
JS: –
$(document).ready(function () { $('.count').each(function () { $(this).prop('Counter',0).animate({ Counter: $(this).text() },{ duration: 4000,easing: 'swing',step: function (Now) { $(this).text(Math.ceil(Now)); } }); }); });
HTML: –
<div class="row"> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <div class="col-md-12 m-b-xm"> <div class="col-xs-4 office"> <div> <i><img src="images/office-ico.jpg" alt=""></i> <span class="count">10</span> </div> <p>Offices Worldwide</p> </div> <div class="col-xs-4 office"> <div> <i><img src="images/hard-ico.jpg" alt=""></i> <span class="count" data-speed="1000">180</span> </div> <p>Hardworking People</p> </div> <div class="col-xs-4 office"> <div> <i><img src="images/coun-ico.jpg" alt=""></i> <span class="count">06</span> </div> <p>Countries Covered</p> </div> <div class="clearfix"></div> </div> </div>