setTimeout oder setInterval?

Question

Soweit ich das beurteilen kann, verhalten sich diese beiden Teile von Javascript auf die gleiche Weise:

Option A:

function myTimeoutFunction()
{
    doStuff();
    setTimeout(myTimeoutFunction, 1000);
}

myTimeoutFunction();

Option B:

function myTimeoutFunction()
{
    doStuff();
}

myTimeoutFunction();
setInterval(myTimeoutFunction, 1000);

Gibt es einen Unterschied zwischen der Verwendung von setTimeout y setIntervall ?

Answer 1

Sowohl setInterval als auch setTimeout geben eine Timer-ID zurück, die Sie verwenden können, um die Ausführung abzubrechen, d. h. bevor die Timeouts ausgelöst werden. Zum Abbrechen rufen Sie entweder clearInterval oder clearTimeout wie folgt auf:

var timeoutId = setTimeout(someFunction, 1000);
clearTimeout(timeoutId);
var intervalId = setInterval(someFunction, 1000),
clearInterval(intervalId);

Außerdem werden die Zeitüberschreitungen automatisch aufgehoben, wenn Sie die Seite verlassen oder das Browserfenster schließen.

Answer 2

Um es etwas anders zu betrachten: setInterval stellt sicher, dass ein Code in jedem gegebenen Intervall ausgeführt wird (d.h. 1000ms, oder wie viel man angibt), während setTimeout die Zeit festlegt, die gewartet wird, bis der Code ausgeführt wird. Und da es zusätzliche Millisekunden braucht, um den Code auszuführen, summiert sich das auf 1000ms, so dass setTimeout zu ungenauen Zeiten (über 1000ms) erneut ausgeführt wird.

Beispielsweise werden Timer/Countdowns nicht mit setTimeout, sondern mit setInterval ausgeführt, um sicherzustellen, dass keine Verzögerungen auftreten und der Code genau in dem angegebenen Intervall ausgeführt wird.

Answer 3

Sie können bobince Antwort selbst validieren, wenn Sie das folgende Javascript ausführen oder dies überprüfen JSFiddle

<div id="timeout"></div>
<div id="interval"></div>

var timeout = 0;
var interval = 0;

function doTimeout(){
    $('#timeout').html(timeout);
    timeout++;
    setTimeout(doTimeout, 1);
}

function doInterval(){
    $('#interval').html(interval);
    interval++;
}

$(function(){
    doTimeout();
    doInterval();
    setInterval(doInterval, 1);
});

Answer 4

Nun, setTimeout ist in einer Situation besser, wie ich gerade erfahren habe. Ich verwende immer setInterval, das ich mehr als eine halbe Stunde im Hintergrund laufen ließ. Als ich wieder auf die Registerkarte wechselte, änderte sich die Diashow (auf der der Code verwendet wurde) sehr schnell, anstatt alle 5 Sekunden, wie es sein sollte. Es passiert tatsächlich wieder, wenn ich es weiter teste, und ob es der Fehler des Browsers ist oder nicht, ist nicht wichtig, denn mit setTimeout ist diese Situation völlig unmöglich.

Answer 5

Der Unterschied ist bei der Konsole offensichtlich: