JS实现页面数字跳动-CountUp.js

最新推荐文章于 2023-11-17 15:05:08 发布

大雪压青松-青松挺且直

最新推荐文章于 2023-11-17 15:05:08 发布

阅读量872

点赞数 1

文章标签： js

本文链接：https://blog.csdn.net/m0_37678467/article/details/108320091

版权

CountUp.js下载
链接：https://pan.baidu.com/s/13N37v7GKMEsOsnKgcg9arQ
提取码：96d0
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('shijtzeZong', 0, res.xieytzeZong, 2, 1.5, options);
				if (!numAnim.error) {
					numAnim.start();
					// numAnim.start(methodToCallOnComplete); //提醒完成
				} else {
					console.error(numAnim.error);
				}