Wie kann ich SetInterval und ClearInterval verwenden??

“setInterval" Und "ClearInterval”Sind integrierte JavaScript-Methoden. Das "setInterval ()" ermöglicht die Ausführung einer Funktion wiederholt in einem bestimmten Intervall. Während die Methode „ClearInterval ()“ die Ausführung einer Funktion stoppt, die zuvor mit SetInterval gestartet wurde.

In diesem Artikel wird die Verwendung der Methoden SetInterval und ClearInterval in JavaScript erläutert.

So verwenden Sie SetInterval und ClearInterval?

Die "die" verwenden "setInterval" Und "ClearIntervalMethoden, folgen Sie dem angegebenen Beispiel.

Beispiel
In dem angegebenen Beispiel erstellen wir einen Zähler, der auf der Schaltfläche Klick anhält, indem wir das aufrufen “ClearIntervalMethode, um die Funktion der “zu stoppen“setInterval" Methode.

Erstellen Sie ein Element, in dem die Anzahl angezeigt wird, und eine Schaltfläche “Stoppen”Um den Zählerinkrement zu stoppen:

>
Stoppen

Rufen Sie die Methode "setInterval" auf, indem Sie eine Funktion übergeben "Schalter" und Zeit "1000”In Millisekunden. Speichern Sie dann den resultierenden Wert der "setInterval" -Methode in einer Variablen "MyInterval”:

const myInterval = setInterval (Zähler 1000);

Zählen Sie die Anzahl auf 1:

lass count = 1;

Eine Funktion definieren “Schalter()"Das wird in der" anrufen "setInterval ()" Methode. Holen Sie sich die Referenz des Elements und zeigen Sie die Anzahl an, indem Sie es erhöhen:

Funktion counter ()
dokumentieren.QuerySelector ('Span').InnerText = count;
zählen ++;

Definieren Sie eine andere Funktion, die auf der Schaltfläche ausgelöst wird. Klicken Sie auf, um den Zähler zu stoppen, indem Sie das aufrufenClearInterval ()" Methode:

Funktion stopcounter ()
ClearInterval (MyInterval);

Ausgang

Die obige Ausgabe zeigt an, dass der Zähler anhält, indem Sie auf die Schaltfläche klicken, wobei die Methode clearInterval () aufgerufen wird, die die Zählerinkrement in setInterval () -Methode stoppt.

Abschluss

“setInterval" Und "ClearInterval”Sind vordefinierte JavaScript -Methoden, mit denen die Ausführung einer Funktion wiederholt mit einem bestimmten Zeitintervall bzw. die Ausführung gestoppt wird. In diesem Artikel wurde die Verwendung der Methoden SetInterval und ClearInterval in JavaScript mit einem bestimmten Beispiel erläutert. Wobei der Zähler gestoppt wird, indem die Methode clearInterval () aufgerufen wird.