javascript - 关于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.这点儿搞不明白。。。

解决方案

你的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秒可以动态设置间隔秒数

这篇关于javascript - 关于JS的定时器？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！