数字滚动

前言

数值不断增加，直到变成最终值。描述不是那么精准，直接看图吧。

效果图

代码

推荐一款jquery轻量级数字动画插件jquery.countup.js插件，可以轻松实现以上效果

<div class="headernum">0</div>

$(".headernum").html(integralObj.integral);
$(".headernum").countTo({
  lastSymbol:"", //显示在最后的字符
  from: 0,  // 开始时的数字，可以从任意值开始
  speed: 1000,  // 总时间
  refreshInterval: 10,  // 刷新一次的时间
  beforeSize:0, //小数点前最小显示位数，不足的话用0代替 
  decimals: 0,  // 小数点后的位数，小数做四舍五入
  onUpdate: function() {
      // 每次更新时回调函数
  },  
  onComplete: function() {
    // 结束时回调函数
    for(i in arguments){
      console.log(arguments[i]);
    }
  }
});

参考

jquery轻量级数字动画插件jquery.countup.js