JS实现页面数字跳动-CountUp.js
CountUp.js下载
链接:https://pan.baidu.com/s/1xRfkVelE4jVKShhpZzQYkw
提取码:boxq
CountUp.js 介绍
CountUp.js 是无依赖的、轻量级的 JavaScript 类,可以用来快速创建以一种更有趣的动画方式显示数值数据。
尽管它的名字叫 countUp,但其实可以在两个方向进行变化,这是根据你传递的 startVal 和 endVal 参数判断的。
var numAnim = new CountUp('target', startVal, endVal, decimals, duration, options);
可配置的参数:
target = 目标元素的 ID;
startVal = 开始值;
endVal = 结束值;
decimals = 小数位数,默认值是0;
duration = 动画延迟秒数,默认值是2;
var options = {
//默认使用缓和,临近结束缓慢跳动
useEasing: true,
//默认使用分组
useGrouping: true,
//千位分隔器,可为空
separator: ',',
//十进制,可为空
decimal: '.',
//前缀
prefix: '¥',
//后缀
suffix: ''
};
var numAnim = new CountUp('myTargetElement', 0, 4068, 0, 2.5, options);
if (!numAnim.error) {
numAnim.start();
// numAnim.start(methodToCallOnComplete); //提醒完成
} else {
console.error(numAnim.error);
}