すぐに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 ...ループの代わりに。

EDIT： My機能

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

...

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

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

全く同じではありません。何かを行うまで待つことになります。が実行されてから9秒間待ってからもう一度呼び出されます。しかし、これは便利なことが多いので、イベントキューのイベントは不必要に積み重ねられません（ただし、実行するのに9秒かかるコードはありません:)。

古いIEでは、meが外部スコープに漏れます。

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

setInterval（）は実際には醜い機能です。私はこの関数をすぐに呼び出して、関数パラメータの前にインライン関数定義でそれを呼び出すことは実際には分かりやすいように、数秒で時間をかけているこのサニタイズバージョンを使用します。

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