本文分享countup.js实现数字动态叠加效果的具体代码，供大家参考。具体内容如下

CountUp.js是一个独立的轻量级JavaScript类，可以用一种更有趣的动画方式快速创建和显示数值数据。虽然它的名字叫countUp，但是可以双向改变，这是根据你传递的startVal和endVal参数来判断的。加上车轮事件的判断。

可配置参数：

目标=目标元素的标识；StartVal=起始值；EndVal=结束值；小数=小数位数，默认值为0；持续时间=动画延迟秒，默认值为2；示例：

var options={ useEasing: true，useGrouping: true，separator: '，'，decimal: '。 };var demo=new CountUp(' myTargetElement '，0，4068，0，2.5，选项)；if(！demo . error){ demo . start()；} else { console . error(demo . error)；安装：

在vue中使用npm i countup.js:

模板h1 span ref=' count up ' class=' text '/span/h1/templatescript import { count up } from ' count up . js ' export default { name : ' count up }，data(){ return { options : { startval : 1000 }，endCount: 2019 } }，mounted () { this.initCountUp() }，methods : { initcount up(){ let demo=new count up(this。$refs.countup，this.endCount，this.options) if(！demo . error){ demo . start()} else { console . error(demo . error)} } }/script style lang=' less ' scoped . text { color : # 4d 63 BC；font-size : 16px；}/style演示地址：countUp.js

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。