定时器设定的延迟时间是没有保证的。因为所有在浏览器中执行的JavaScript单线程异步事件(比如鼠标点击事件和计时器)都只有在它有空的时候才会被执行。

setTimeout 会在每次回调函数执行之后至少需要延时10ms再去执行一次(可能是更多,但是不会少)。但是setInterval会每隔10ms就去尝试执行一次回调函数,不管上一个回调函数是不是还在执行。

  • javascript引擎只有一个线程,迫使异步事件只能加入到队列去等待执行。
  • 在执行异步代码的时候,setTimeout 和setInterval 是有着本质区别的。
  • 如果计时器被正在执行的代码阻塞了,它将会进入队列的尾部去等待执行直到下一次可能执行的时间出现(可能超过它设定的延迟时间)。
  • 如果interval回调函数执行需要花很长时间的话(比指定的延时长),interval有可能没有延迟,背靠背地执行回调函数。

     

var num = 12;
       console.log(num);
       setTimeout(function(){
              num++;
              console.log(num);
       },0);

       for(var i=0;i<1000000;i++){
          //code;
       }
       console.log(num);

 

因为for循环的时间已经超过定时器的等待时间。所以定时器里面的回调函数,只能等到下面的的代码执行结束之后才开始执行。因为即使定时器延迟写0,它仍然会有默认延迟时间,每个浏览器的延迟时间不一样。