javascript - 想通过间隔一秒后一个一个地显示数字

Question

我想在一秒钟后一个一个地显示数字，但下面的代码显示了所有数字。

function showVal(){
    for(i=0; i<5; i++)
    {
        var showingVal= document.write("the number is "+i);
        document.write("<br />");       
    }
}
setInterval('showVal()',1000);

Answer 1

最好改用setTimeout。

function showVal(n) {
  if(!n)
    n = 0;
  var showingVal = document.write("the number is " + n);
  document.write("<br />");       

  if(n < 4) {
    setTimeout(function() { showVal(n + 1); }, 1000);
  }
}

setTimeout(showVal, 1000);

演示:http://jsbin.com/avunif

它比 setInterval 更好，因为在您打印 5 个数字后，您的报价处理程序将不会被调用。效率。加上没有全局变量。 :-)

或者您可以改为使用 clearInterval。