Jak od razu uruchomić pętlę setInterval?

Question

W prostym setInterval

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

Pierwsze działanie nastąpi po 9 sekund (t=9s). Jak zmusić pętlę do natychmiastowego wykonania pierwszej akcji (t=0)?

Myślę, że to ze względu na mechanizm setInterval mieć pętlę Delay - Action - Delay - Action ...; zamiast pętli Action - Delay - Action - Delay ....

EDIT: Moja funkcja jest rzeczywiście pętla jak

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

Answer 1

Keep it simple. Możesz użyć nazwanej funkcji zamiast anonimowej funkcji; zadzwoń i ustaw dla niego przedział.

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

utworzyć obszar jeśli konieczne:

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

Wreszcie, następujące prace bez tworzenia lub wpływających x:

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

Answer 2

Czasami używam ten wzór ...

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

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

To nie jest to samo, ponieważ będzie czekać, aż zrobi coś, co zostanie zrobione przed odczekaniem ~ 9 sekund na ponowne wywołanie. Ale często jest to przydatne, więc zdarzenia w kolejce zdarzeń nie są niepotrzebnie ułożone (jednak mało prawdopodobne jest, że uruchomienie kodu zajmie 9 sekund :)

Należy zauważyć, że w starszych wersjach IE, me wycieknie do zakresu zewnętrznego .

Answer 3

Użyj nazwanej funkcji i wywołaj ją i przypisz do przedziału.

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

Inną opcją jest użycie funkcji setTimeout.

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

Answer 4

setInterval() jest naprawdę brzydką funkcją. Używam tej odkażonej wersji, która natychmiast wywołuje funkcję i zajmuje czas w sekundach, PRZED parametrem funkcji, tak więc wywołanie jej z wbudowaną definicją funkcji rzeczywiście wygląda rozsądnie.

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