将Timout设置为循环内部

Question

代码：

for(var a=0;a<=60;a++){
    setTimeout(function(){
        document.getElementById("a").innerHTML=a;
    },1000);
}

它显示61，没有任何延迟。我看不出它为什么会这么做。。。

Answer 1

您想要实现的显然是setInterval的实现。

  var a = 0;
  function displayIncreament() {
    if (a <= 60) {
      document.getElementById("a").innerHTML = a;
      a++;
    } else {
      clearInterval(IncreamentInterval)
    }
  }
  var IncreamentInterval = setInterval(displayIncreament, 1000)

<span id="a"></span>