码迷,mamicode.com
首页 > Web开发 > 详细

js渲染数字自增长效果

时间:2017-04-16 13:18:08      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:gnu   interval   unit   span   自增   指标   val   页面   code   

数字自增长效果一般用于页面上显示的敏感指标值。具体简单实现如下:

 1 function renderIncreasingNum(num, fn){
 2     var i = 0,
 3         addUnit = 1,
 4         interv = setInterval(function(){
 5           if(i<100){         
 6              fn.call(null, parseInt(num)-100+i);
 7              i+= addUnit;        
 8           }else{
 9               fn.call(null, num);
10               clearInterval(interv);
11           }
12     }, 10);   
13 }

js渲染数字自增长效果

标签:gnu   interval   unit   span   自增   指标   val   页面   code   

原文地址:http://www.cnblogs.com/davidxu/p/6718390.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!