首页 > 关于JS的定时器?

关于JS的定时器?

 <script type="text/javascript">     
        var fuc = [1,2,3];
        for(var i in fuc){
          setTimeout(function(){console.log(fuc[i])},2000);
          console.log(fuc[i]);
        }
    </script>

如图这个代码当进入for循环中了,因为是延迟执行,所以会被暂停,先执行console.log(func[i])里面。我的疑问是当console.log(func[i])执行完毕后,我打开浏览器发现是2秒钟一瞬间打印出3个3,不是应该一个一个来么。应该是2秒钟打印一个3,然后再2秒钟打印一个3.这点儿搞不明白。。。


看了一下 这代码很简单

var fuc = [1,2,3];

for(var i in fuc){
  // 循环这里开始
  // 这行代码异步执行 会挂起 2秒后执行 所以一开始不会执行 
  // 代码执行很快 倒是这里 3个异步会在下面的输出123后 执行 当时i已经是3了 *****
  setTimeout(function(){console.log(fuc[i])},2000);
  // 这里顺序执行 输入三次分别输出 123
  console.log(fuc[i]);
}

你的i的值是全局中的i,所以在你定时器内函数执行的时候,这个i的值已经变成了2,所以你每回打出来的都是fuc[2],想要解决的话,想要利用闭包,代码是这样的:

var fuc = [1,2,3];
for(var i in fuc){
    (function (i) {
      setTimeout(function(){console.log(fuc[i])},2000);
    })(i);
  console.log(fuc[i]);
}

至于为什么会这样,去百度闭包就好了。

一次就执行了三个定时器的原因是,你的定时器全部规定在了2000毫秒之后执行,也就是说在你循环跑完后的2秒分别执行了三个定时器,想要每次间隔2秒可以动态设置间隔秒数

【热门文章】
【热门文章】