setTimeout未按要求工作

setTimeout not working as required

本文关键字：工作 setTimeout      更新时间：2024-03-06

下面是我的代码
并且每次1秒后显示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+' ');
}

发生这种情况是因为所有超时都引用了相同的i变量。将超时包裹在一个闭包中：

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

这会将i作为参数传递给匿名函数，并且函数会创建一个新的作用域，因此变量受到保护。

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/

相关文章：