第一次不延迟执行setInterval函数

有一种方法可以配置setIntervaljavascript的方法立即执行该方法，然后用定时器执行

最简单的方法是第一次直接调用该函数：

foo();
setInterval(foo, delay);

然而，有充分的理由避免setInterval- 特别是在某些情况下，整个负载setInterval事件可以立即相继到达，没有任何延迟。另一个原因是，如果你想停止循环，你必须显式调用clearInterval这意味着你必须记住从原始返回的句柄setInterval call.

所以另一种方法是foo使用以下方式触发自身以进行后续调用setTimeout反而：

function foo() {
   // do stuff
   // ...

   // and schedule a repeat
   setTimeout(foo, delay);
}

// start the cycle
foo();

这保证了有at least的间隔delay通话之间。如果需要的话，它还可以更轻松地取消循环 - 您只需不调用setTimeout当达到循环终止条件时。

更好的是，您可以将这一切包装在一个立即调用函数表达式它创建了该函数，然后如上所述再次调用自身，并自动启动循环：

(function foo() {
    ...
    setTimeout(foo, delay);
})();

它一次性定义了函数并启动了循环。