html:

<div class="val2">0</div>

js:

let val2 = document.getElementsByClassName("val2")[0];
animateNum(val2, 36.3163, 4);
// 初始值 结束值 几个小数点
function animateNum(dom, val, dot){
let obj = {num1: dom.innerHTML};
TweenMax.to(obj, 1, {
num1: val,
onUpdate:function(){
dom.innerHTML=obj.num1.toFixed(dot);
},
delay: 0.1
});
}

还有最重要的去官网下载用TweenMax.js动画让数字动起来然后在引入

 

 <script src="./lib/TweenMax.min.js"></script>

ok.....

 

相关文章:

  • 2022-12-23
  • 2021-11-16
  • 2021-11-24
  • 2022-12-23
  • 2021-11-07
  • 2021-06-23
  • 2021-12-21
  • 2021-09-09
猜你喜欢
  • 2021-11-27
  • 2021-10-11
  • 2021-12-06
  • 2021-12-16
  • 2022-12-23
  • 2021-12-15
相关资源
相似解决方案