微客导航 » 文章资讯 » countUp.js实现数字动态变化效果

countUp.js实现数字动态变化效果

2023-08-11 15:24:03 195

本文实例为大家分享了countUp.js实现数字动态变化的具体代码，供大家参考，具体内容如下

countUp.js官网：演示地址





数字增长效果








varoptions={
useEasing:true,//使用缓和
useGrouping:true,//使用分组(是否显示千位分隔符,一般为true)
separator:',',//分隔器(千位分隔符,默认为',')
decimal:'.',//十进制(小数点符号,默认为'.')
prefix:'',//字首(数字的前缀,根据需要可设为$,¥,￥等)
suffix:''//后缀(数字的后缀,根据需要可设为元,个,美元等)
};

//CountUp(参数一,参数二,参数三,参数四,参数五,参数六)
//参数一:数字所在容器
//参数二:数字开始增长前的默认值(起始值),一般从0开始增长
//参数三:数字增长后的最终值,该值一般通过异步请求获取
//参数四:数字小数点后保留的位数
//参数五:数字增长特效的时间,此处为3秒
//参数六:其他配置项
//注:参数六也可不加,其配置项则为默认值

newCountUp("num1",0,1380,0,3,options).start();
newCountUp("num2",0,1380,2,3,options).start();
newCountUp("num3",0,1380,4,3,options).start();

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

countUp.js实现数字动态变化效果

热门推荐

随机推荐