您的位置:首页 > Web前端 > JavaScript

countup.js

2015-06-19 15:06 821 查看


CountUp。js是一个相互间无依赖的,轻量级的JavaScript“类”,可以用来快速创建动画显示数值数据以一种更有趣的方式。
尽管它的名字,CountUp可以在两个方向数,根据startVal和endValparams通过。
CountUp。js支持所有浏览器。

CountUP:demo演示

参数:
目标= html元素id,输入,svg文本元素,或之前选定元素的var /输入计数发生的地方
startVal =你想开始的价值
endVal =你想要到达的价值
小数=(可选)的小数位数号码,默认为0
时间=(可选)持续时间以秒为单位,默认2
选择=(看演示,可选)格式/宽松的选择对象

使用方法:

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

使用回调函数:

numAnim.start(someMethodToCallOnComplete);

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

另外一些方法:

      切换暂停/恢复:

1.numAnim.pauseResume();

重置一个动画: 

2.numAnim.reset();

Update the end value and animate:

3.var someValue = 1337;

numAnim.update(someValue);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息