手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何实现前端界面的数字从跳动到增加到指定值

时间:2024-10-13 15:37:42

1、首先在项目中加入countUp.js

如何实现前端界面的数字从跳动到增加到指定值

2、在需要跳动显示的前端jsp页面应用countUp.js

如何实现前端界面的数字从跳动到增加到指定值

3、将放置需要跳动显示的数字的标签定义一个id

如何实现前端界面的数字从跳动到增加到指定值

4、在js中调用该方法:new CountUp("allCar", 0, 100, 0, 2).start();各个参数含义如下: new Cou荏鱿胫协ntUp(target, startVal, endVal, decimals, duration).start(); target : 目标元素的id startVal : 你想要开始的值 endVal : 你想要到达的值 decimals : 小数位数,默认值为0 duration : 动画持续时间为秒,默认值为2

如何实现前端界面的数字从跳动到增加到指定值

5、此时再刷新前端界面,就可以看到数字从1开始跳动显示到指定数字的效果

如何实现前端界面的数字从跳动到增加到指定值
© 手抄报圈