重复定时器setInterval()的缺陷

  window.setInterval(fn,interval)函数的作用是:每隔interval毫秒,就将函数fn加入到执行队列中。

  JavaScript引擎在使用setInterval()时,仅当没有该定时器的任何其它代码实例时,才将定时器代码(即fn)添加到队列中,因此很容易因为队列中有前面还未执行的定时器,而导致当前定时器被跳过,没有加入队列中。如下图所示:

 

 

  因此,考虑使用链式setTimeout()调用来实现setInterval:

setTimeout(function (){
    console.log("nice!");
    setTimeout(arguments.callee,2000);
},2000);    //每隔两秒控制台输出

  callee是arguments对象的一个属性,它指向拥有这个arguments对象的函数

 

posted @ 2022-03-15 23:09  ˙鲨鱼辣椒ゝ  阅读(488)  评论(0)    收藏  举报