CountUp.js是一个轻量级,无依赖的Java脚本语言类,通过简单的设置就可以达到数字滚动的效果
演示地址:countUp.js
可配置项:
目标=目标元素的身份证;startVal=开始值;endVal=结束值;小数=小数位数,默认值是0;持续时间=动画延迟秒数,默认值是2;//用法:var options={ useEasing: true,useGrouping: true,separator: ',',decimal: ' .}var demo=新计数(目标、开始值、结束值、小数、持续时间、选项);演示。start();相关代码实例如下:
!DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title document/title/head body div id=' box '/div script src=' http :https://cdn。布斯。com/countup。js/1。9 .3/计数。js '/script script type=' text/JavaScript ' var options={ useeas : true,useGrouping: true,separator: ',',decimal ',};var demo=新CountUp('box ',0,4068,0,2.5,选项);if(!演示。错误){演示。start();} else { console。错误(演示。错误);}/脚本/正文/html
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。