Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie kann ich „setInterval' in JavaScript sofort ausführen lassen?

Mary-Kate Olsen
Freigeben: 2024-11-09 05:14:02
Original
868 Leute haben es durchsucht

How Can I Make `setInterval` Execute Immediately in JavaScript?

setInterval sofort ausführen

Bei Verwendung der setInterval-Methode von JavaScript ist es oft wünschenswert, dass die Funktion sofort ausgeführt wird und dann mit der Ausführung mit dem angegebenen Wert fortfährt Timer-Verzögerung. Standardmäßig führt setInterval die Funktion jedoch nicht sofort aus.

Erste Ausführung ohne Verzögerung

Der einfachste Ansatz besteht darin, die Funktion direkt vor dem Aufruf von setInterval manuell aufzurufen:

foo();
setInterval(foo, delay);
Nach dem Login kopieren

Alternative Methode mit setTimeout

Alternativ können Sie setTimeout verwenden, um nachfolgende Ausführungen der Funktion auszulösen:

function foo() {
  // ...
  setTimeout(foo, delay);
}
foo(); // start the cycle
Nach dem Login kopieren

Diese Methode stellt sicher eine minimale Verzögerung zwischen Funktionsaufrufen und vereinfacht den Abbruch.

Verwendung eines sofort aufgerufenen Funktionsausdrucks (IIFE)

Diese Technik kombiniert Funktionsdefinition und anfängliche Ausführung in einer einzigen Anweisung:

(function foo() {
  ...
  setTimeout(foo, delay);
})();
Nach dem Login kopieren

Das IIFE definiert die Funktion und startet die Schleife in einer Codezeile und bietet so eine prägnante und effiziente Lösung.

Das obige ist der detaillierte Inhalt vonWie kann ich „setInterval' in JavaScript sofort ausführen lassen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!