Der setInterval() Die Methode in JavaScript wird verwendet, um eine bestimmte Funktion in jedem bestimmten Zeitintervall zu wiederholen. Es wertet in bestimmten Abständen einen Ausdruck aus oder ruft eine Funktion auf. Diese Methode setzt den Funktionsaufruf fort, bis das Fenster geschlossen wird oder clearInterval() Methode aufgerufen wird. Diese Methode gibt einen numerischen Wert oder eine Zahl ungleich Null zurück, der den erstellten Timer identifiziert.
im Gegensatz zu den setTimeout() Methode, die setInterval() Die Methode ruft die Funktion mehrmals auf. Diese Methode kann mit oder ohne geschrieben werden Fenster Präfix.
Die häufig verwendete Syntax von setInterval() Die Methode ist unten angegeben:
Syntax
window.setInterval(function, milliseconds);
Parameterwerte
Diese Methode benötigt zwei Parameterwerte Funktion Und Millisekunden die wie folgt definiert sind.
Funktion: Es handelt sich um die Funktion, die den Codeblock enthält, der ausgeführt wird.
Millisekunden: Dieser Parameter stellt die Länge des Zeitintervalls zwischen den einzelnen Ausführungen dar. Das Intervall wird in Millisekunden angegeben. Es definiert, wie oft der Code ausgeführt wird. Wenn der Wert kleiner als 10 ist, wird der Wert 10 verwendet.
Wie kann man die Hinrichtung stoppen?
Wir können das nutzen clearInterval() Methode, um die Ausführung der in angegebenen Funktion zu stoppen setInterval() Methode. Der von zurückgegebene Wert setInterval() Methode kann als Argument von verwendet werden clearInterval() Methode zum Abbrechen des Timeouts.
Lassen Sie uns die Verwendung von verstehen setInterval() Veranschaulichen Sie die Methode anhand einiger Abbildungen.
Beispiel 1
Dies ist ein einfaches Beispiel für die Verwendung von setInterval() Methode. Hier wird im Abstand von 3 Sekunden ein Warndialogfeld angezeigt. Wir verwenden keine Methode, um die Ausführung der in angegebenen Funktion zu stoppen setInterval() Methode. Die Methode setzt also die Ausführung der Funktion fort, bis das Fenster geschlossen wird.
setInterval() method <h3> This is an example of using the setInterval() method </h3> <p> Here, the background color changes on every 200 milliseconds. </p> Stop var var1 = setInterval(color, 200); function color() { var var2 = document.body; var2.style.backgroundColor = var2.style.backgroundColor == 'lightblue' ? 'lightgreen' : 'lightblue'; } function stop() { clearInterval(var1); } Testen Sie es jetzt Ausgabe
Die Farbe des Hintergrunds beginnt sich nach 200 Millisekunden zu ändern. Beim Klicken auf das angegebene stoppen Durch Klicken auf die Schaltfläche wird das Umschalten zwischen den Farben bei der entsprechenden Hintergrundfarbe gestoppt. Die Ausgabe nach dem Klicken auf die Schaltfläche lautet:
