我们螅岔出礤在开发一个项目时,有时候会需要将界面上展示的统计数据做成动态的跳动,例如从1开始跳动增加到指定值,下面小编来介绍一下这个如何实现
工具/原料
countUp.js
方法/步骤
1、首先在项目中加入countUp.js
2、在需要跳动显示的前端jsp页面应用countUp.js
3、将放置需要跳动显示的数字的标签定义一个id
4、在js中调用该方法:newCountUp("allCar",咯悝滩镞0,100,0,2).start();各个参数含义如下: newCou荏鱿胫协ntUp(target,startVal,endVal,decimals,duration).start(); target:目标元素的id startVal:你想要开始的值 endVal:你想要到达的值 decimals:小数位数,默认值为0 duration:动画持续时间为秒,默认值为2
5、此时再刷新前端界面,就可以看到数字从1开始跳动显示到指定数字的效果