Wie vermeide ich die anfängliche Verzögerung im setInterval von JavaScript?

Verzögerte oder sofortige Ausführung von setInterval

In JavaScript ist die setInterval-Methode ein wertvolles Werkzeug zum Ausführen einer Funktion in regelmäßigen Abständen. Standardmäßig beginnt die Ausführung jedoch nach einer anfänglichen Verzögerung. Diese Verzögerung kann in bestimmten Situationen unerwünscht sein.

Lösung: Sofortiger Funktionsaufruf

Um diese Verzögerung zu überwinden, besteht eine einfache und effiziente Lösung darin, die Funktion vor der Einstellung manuell aufzurufen das Intervall. Diese Technik stellt sicher, dass die Funktion sofort ausgeführt wird:

foo();
setInterval(foo, delay);

Alternative Methode: Verwendung von setTimeout

Während der sofortige Funktionsaufruf das Problem löst, bietet die Verwendung von setTimeout zusätzliche Flexibilität:

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

foo();

Vorteile von setTimeout:

• Garantiertes Intervall: setTimeout stellt sicher, dass immer ein Intervall von mindestens Verzögerungsmillisekunden vorhanden ist zwischen Funktionsaufrufen.
• Einfacheres Abbrechen: Es ist unkompliziert, die Schleife abzubrechen, indem Sie einfach den setTimeout-Aufruf weglassen, wenn bestimmte Bedingungen erfüllt sind.

Erweitert Lösung: Sofort aufgerufener Funktionsausdruck (IIFE)

Eine noch prägnantere Möglichkeit, dies zu erreichen, besteht darin, den Code in ein IIFE zu packen und dabei Funktionsdefinition und automatische Schleifeninitiierung zu kombinieren:

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

Fazit

Durch die Nutzung des sofortigen Funktionsaufrufs oder der setTimeout-Alternative ist es möglich, den Ausführungszeitpunkt der setInterval-Methode zu steuern und sicherzustellen, dass ihre Funktionalität genau auf die Anforderungen Ihrer Anwendung abgestimmt ist.

Das obige ist der detaillierte Inhalt vonWie vermeide ich die anfängliche Verzögerung im setInterval von JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!