我正在对服务器进行ajax调用,然后更新一些统计信息.我想要一个能够激活数字的插件.
例如初始值= 65
ajax call = 98后的值
解决方法
它没有持续时间,但它有点接近.我不确定如何整合持续时间,并且必须相当快地将它们放在一起.
- (function($) {
- $.fn.animateNumber = function(to) {
- var $ele = $(this),num = parseInt($ele.html()),up = to > num,num_interval = Math.abs(num - to) / 90;
- var loop = function() {
- num = Math.floor(up ? num+num_interval: num-num_interval);
- if ( (up && num > to) || (!up && num < to) ) {
- num = to;
- clearInterval(animation)
- }
- $ele.html(num);
- }
- var animation = setInterval(loop,5);
- }
- })(jQuery)
- var $counter = $("#counter");
- $counter.animateNumber(800);
- <span id="counter">100</span>
