countUp.js 实现数字滚动 动态效果

Posted 嘉煠

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了countUp.js 实现数字滚动 动态效果相关的知识,希望对你有一定的参考价值。

https://github.com/inorganik/countUp.js

  • target = 目标元素的 ID;
  • startVal = 开始值;
  • endVal = 结束值;
  • decimals = 小数位数,默认值是0;
  • duration = 动画延迟秒数,默认值是2;

使用示例:

1
2
var demo = new countUp("myTargetElement", 24.02, 94.62, 2, 2.5);
demo.start();

以上是关于countUp.js 实现数字滚动 动态效果的主要内容,如果未能解决你的问题,请参考以下文章

[分享]数字插件countUp.js和全屏滚动插件fullPage.js

那些H5用到的技术——数字滚动特效

countup.js 数字动画

CountUp.js让页面数字跳动起来

countUp.js

js如何实现数字滚动效果