Question

下面是我的代码
每次1秒后显示6000 6000 6000 6000 6000 但我想使用setTimeout（）
显示1000 2000 3000 4000 5000 小提琴：https://jsfiddle.net/himavicii/jg2uvu1j/

var i=0;
for(i=1000;i<6000;i+=1000)
{
    setTimeout(function(){v(i)},i);
}
function v(h)
{
    document.write(h+' ');
}

Answer 1

这是因为所有超时都指的是同一个i变量。将超时包装在一个闭包中：

for(i=1000;i<6000;i+=1000)
{
    (function(i){
        setTimeout(function(){v(i)},i);
    })(i);
}

这将i作为参数传递给匿名函数，函数创建一个新范围，因此该变量受到保护。

Answer 2

var i=0;
for(i=1000;i<6000;i+=1000)
{
    timeoutFun(i);
}

function timeoutFun(t){
  setTimeout(function(){
       v(t);
    },t);
}
function v(h)
{
    document.write(h+' ');
}

https://jsfiddle.net/shadiq_aust/s4078702/

setTimeout不能按要求工作

2 个答案: