动效：从0涨到某个0-9的正整数（如果是大于9的正整数，循环调用即可）

昵称叫铃风的小前端

于 2019-09-25 18:16:30 发布

阅读量219

点赞数

分类专栏：动效（css、js）

本文链接：https://blog.csdn.net/qq_37246828/article/details/101378083

版权

动效（css、js）专栏收录该内容

0 篇文章 0 订阅

订阅专栏

/*
  @method: countTo 从0涨到某个0-9的正整数的动态效果，如果是大于9的正整数，循环调用即可，注意：是每一位独立从0涨到该位所在的数字
  @param: {Number} toNumber
  @param: {String} id
  @return: {undefined}
*/
countTo (toNumber, id) {
  let start = -1
  let dom = document.getElementById(id)
  if (!dom || !Number(toNumber)) {
     return
   }
   let timer = setInterval(() => {
     start++
     dom.innerText = start
     if (start === Number(toNumber)) {
       clearInterval(timer)
     }
   }, 50)
 }