如何立即启动 setInterval 循环？ [复制]

Question

简单的setInterval

setInterval(function() {
      // Do something every 9 seconds
}, 9000);

第一个动作将在 9 秒后发生 (t=9s)。如何强制循环立即执行第一个动作（t=0）？

我认为这是由于setInterval 的机制导致Delay - Action - Delay - Action ... 循环；而不是 Action - Delay - Action - Delay ... 循环。

编辑：我的函数确实是一个循环

setInterval(function(){
$('.test').each(function(idx){
    var duration = 1000;
    $(this).delay(duration*idx);
    Some stuff here
});
}, 4000);

Answer 1

保持简单。您可以使用命名函数而不是匿名函数；调用它并为它设置一个间隔。

function doSomething() {
    console.log("tick");
}
doSomething();
setInterval(doSomething, 9000);

如有必要，创建一个范围：

(function() {
    function doSomething() {
        console.log("tick");
    }
    doSomething();
    setInterval(doSomething, 9000);
})();

最后，以下工作不会创建或影响x：

setInterval(function x() {
    console.log("tick");
    return x;
}(), 9000);

Answer 2

setInterval() 是一个非常丑陋的函数。我使用这个经过净化的版本，它会立即调用函数，并且在函数参数之前需要以秒为单位的时间，因此使用内联函数定义调用它实际上看起来很明智。

function startInterval(seconds, callback) {
  callback();
  return setInterval(callback, seconds * 1000);
}

Answer 3

使用命名函数并调用它并将其分配给区间。

var myFnc = function() {
    // Do something every 9 seconds
};
setInterval(myFnc, 9000);
myFnc();

另一种选择是改用 setTimeout。

var myFnc = function() {
    // Do something every 9 seconds
    setTimeout(myFnc, 9000);
};
myFnc();

Answer 4

有时我会使用这种模式...

(function me() {
    // Do something every 9 seconds

    setTimeout(me, 9000);
})();

这不完全一样，因为它会等到 do something 被执行，然后再等待大约 9 秒才能再次调用它。但是，这通常很有用，因此事件队列上的事件不会不必要地堆叠（但有些代码不太可能需要 9 秒才能运行 :)

请注意，在较旧的 IE 中，me 将泄漏到外部范围。