原生js实现数字滚动

377 阅读1分钟
<span id="weight">3600</span>t


// 数字滚动动画

var weightDOM = document.getElementById("weight")

weightDOM.innerHTML = 0;

var weightMax = messageData[chooseMesh.name]["weight"];//粮仓重量

var weight = 0;//粮仓初始重量

var interval = setInterval(function () {

  if (weight < weightMax) {

    weight += Math.floor(weightMax / 50);//重量累加

    document.getElementById("weight").innerHTML = weight;

  } else {

    clearInterval(interval);//一旦达到粮食重量,取消周期性函数interval

  }

}, 5);