countup.js

本文主要是介绍countup.js，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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);

这篇关于countup.js的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---