Die setInterval-Schleife in JavaScript

In JavaScript steht immer eine vorgefertigte Methode zur Verfügung, um die meisten Aufgaben zu erledigen; Konvertieren eines Datentyps in einen anderen, Setzen einer Intervallschleife, Aktualisieren von Objekten oder Arrays, Erkennen von Tastatureingabeereignissen und vieles mehr.

Dementsprechend gibt es einige nützliche Methoden, die uns bei der Arbeit mit Timern in JavaScript helfen. In diesem Artikel erfahren Sie, wie Sie eine Intervallschleife in JavaScript verwenden.

JavaScript bietet zwei Timer-Funktionen, damit Code ohne Blockierung ausgeführt werden kann. Es stellt die Funktionen setTimeout() und setInterval() zur Verfügung, die den angegebenen Ausdruck bzw. die angegebene Funktion nach einem bestimmten Zeitintervall ausführen.

Intervall mit Schleifenzeit in JavaScript mit setInterval() einstellen

Die Methode setInterval() wird von JavaScript bereitgestellt. Diese Methode wird in den Schnittstellen worker und window angeboten, die wiederholt eine Funktion aufrufen oder einen Codeabschnitt ausführen. Dieser Code wird mit einem festen Zeitintervall zwischen jedem Anruf ausgeführt.

Der einzige Unterschied zwischen der Funktion setInterval und setTimeout besteht darin, dass die Funktion früher wiederholt mit einer Verzögerung zwischen jedem Aufruf aufgerufen wird, während eine Funktion später mit einer Verzögerung ausgeführt wird. Wenn Sie möchten, dass Ihre Funktion nach der angegebenen Verzögerung einmal aufgerufen wird, verwenden Sie setTimeout().

Syntax:

setInterval(function [, delay, arg1, arg2, ...]);

function ist ein erforderlicher Parameter, der die Funktion angibt, die nach Ablauf der Zeit ausgeführt werden soll.

code ist ein erforderlicher Parameter; Wenn der Benutzer die Funktion nicht sendet, kann der Benutzer eine Zeichenkette übergeben, die eine Alternative zur Funktion ist. delay ist ein optionaler Parameter.

Dieser Parameter akzeptiert den numerischen Wert, der als Timer in Millisekunden dient, bevor der angegebene Code oder die angegebene Funktion ausgeführt wird. Wenn kein Wert übergeben wird, ist 0 der Standardwert, der die Ausführung auslöst.

arg1, ..., argN ist ein optionaler Parameter. Die Werte der Funktion können bei der Übergabe der Funktion als zusätzliches Argument übergeben werden.

Weitere Informationen finden Sie in der Dokumentation der Methode setInterval().

let counter = 0;
const i = setInterval(function() {
  console.log(counter);
  counter++;
  if (counter === 5) {
    clearInterval(i);
  }
}, 200);

Im obigen Code setzen wir den Zähler auf 0 und aktualisieren ihn innerhalb der Funktion setInterval, bis er den gewünschten Wert erreicht. Sobald der gewünschte Wert erreicht ist, können Sie das Intervall löschen. Diese Methode setInterval() gibt einen positiven Wert und eine eindeutige intervalID zurück, die hilft, den Timer zu identifizieren. Dieser Wert kann für clearInterval() verwendet werden. Diese Methode clearInterval() bricht die wiederholte Aktion (Timeout) ab, die zuvor von setInterval() gesetzt wurde.

Ausgabe:

0
1
2
3
4