一款轻量级插件，可以通过跳转效果展示数据，视觉效果不错，支持所有浏览器

点击查看demo

使用方法

参数：

  • target 目标元素的id
  • startVal 开始的数据
  • endVal 结束的数据
  • decimals 小数保留位数，默认为0
  • duration 动画持续时间，默认为2
  • options 其他参数 formatting/easing

例子：

var numAnim = new CountUp("SomeElementYouWantToAnimate", 24.02, 99.99);
numAnim.start();

使用回调函数

numAnim.start(someMethodToCallOnComplete);

// or an anonymous function
numAnim.start(function() {
    // do something
})

其他方法

停止:


numAnim.pauseResume();

重置:

numAnim.reset();

改变结束值:


var someValue = 1337;
numAnim.update(someValue);