Timing -Ereignisse in JavaScript

Ereignisse, die in einem bestimmten Zeitintervall abgefeuert werden, um die auszuführen JavaScript Code werden als Timing -Ereignisse bezeichnet. Sie können verwendet werden, um die Ausführung von Code zu verzögern oder einen Codeblock nach einem bestimmten Zeitintervall wiederholt auszuführen. Diese Ereignisse werden als globale Methoden bezeichnet, da sie direkt in der verfügbar sind Html dom und kann von überall im Code aus aufgerufen werden.

So führen Sie JavaScript -Code nach einem bestimmten Zeitintervall aus

Ausführen JavaScript Code nach einem bestimmten Zeitintervall wird das Fensterobjekt verwendet.

Es gibt zwei Haupt-/Grundmethoden, die für Timing -Ereignisse verwendet werden:

• setTimeout () Funktion
• setInterval () -Funktion

Beide oben genannten Funktionen werden verwendet, um einen Codeblock auszuführen. Betrachten wir zunächst die Syntaxen sowohl der Funktionen als auch der Unterschiede zwischen diesen Syntaxen:

setTimeout () Funktion in JavaScript

Die Syntax von setTimeout () Funktion Ist:

setTimeout (Funktion, TimeInterval)
// oder
Fenster.setTimeout (Funktion, TimeInterval)

Da wir wissen, dass das Fensterobjekt zur Ausführung des JavaScript -Codes nach einem bestimmten Zeitintervall verwendet wird, auch wenn wir das Fensterobjekt nicht mit dem verwenden setTimeout () oder setInterval () -Funktion, Beide werden gleich arbeiten.

Der setTimeout () Funktion Nimmt zwei Argumente als Parameter an:

• Eine ist eine Funktion, die ausgeführt werden muss
• Das zweite ist ein Zeitintervall in Millisekunden, wonach die im erste Parameter angegebene Funktion ausgeführt wird.

Der setTimeout () Funktion wird verwendet, um die bereitgestellte Funktion einmal nach dem Warten auf das Zeitintervall auszuführen.

So stoppen Sie die Ausführung von SetTimeout () -Funktion

Manchmal müssen wir die Ausführung der in der definierten/aufgerufenen Funktion stoppen setTimeout () Funktion bevor sogar die genannte Zeit erreicht ist. Beim Laden der Daten vom Server zeigen wir beispielsweise Lader in der Webanwendung. Wenn die Daten vor der erwarteten Zeit abgerufen werden, können wir den Loader einfach stoppen und die Daten anzeigen.

Clearimeout () -Funktion in JavaScript

Die Ausführung der Ausführung des setTimeout () Funktion, Die Clearimeout () Funktion wird eingesetzt:

Syntax

Die Syntax der Clearimeout () Funktion Ist:

Clearimeout (setTimeoutvariable)

Der Clearimeout () Funktion Nimmt nur den variablen Namen, der von der Funktion setTimeout () zurückgegeben wurde.

Zum Beispiel, wenn wir das angerufen haben setTimeout () Funktion:

holdExec = setTimeout (() =>
Konsole.Protokoll (fertig);
, 5000)

Nun, um die Ausführung der Ausführung zu stoppen setTimeout () Funktion Bevor das Zeitintervall abgeschlossen ist, müssen wir die “zur Verfügung stellenHoldExec”Variable als Argument für die Clearimeout () Funktion und das Clearimeout () Funktion würde so gehen:

Clearimeout (HoldExec);

Wenn die Funktion im Inneren der setTimeout () Funktion wird nicht ausgeführt, dann die Ausführung des setTimeout () Funktion wird angehalten.

setInterval () -Funktion in JavaScript

Der setInterval () -Funktion und seine Syntax ist fast die gleiche wie die setTimeout () Funktion Der einzige Unterschied zwischen ihnen ist jedoch, dass die setInterval () -Funktion führt die Funktion nach dem Takt des Zeitintervalls kontinuierlich aus.

Die Syntax von SetInterval -Funktion Ist:

setInterval (Funktion, TimeInterval)

Der setInterval () -Funktion Nimmt auch zwei Argumente als Parameter an:

• Eine ist eine Funktion, die jedes Mal nach dem angegebenen Zeitintervall ausgeführt werden muss.
• Der zweite Parameter ist ein Zeitintervall, nach dem die Funktion immer wieder ausgeführt wird.

Nun stellt sich hier die Frage, wenn die setInterval () -Funktion führt die Funktion weiterhin kontinuierlich aus, wie können wir die Ausführung stoppen? Der nächste Abschnitt erklärt es:

So stoppen Sie die Ausführung von setInterval () -Funktion

Nun, genau wie das Clearimeout () Funktion, Wir haben auch die Möglichkeit, die Ausführung der Ausführung zu stoppen setInterval () -Funktion.

ClearInterval () -Funktion in JavaScript

Die Ausführung der Ausführung des setInterval () -Funktion, Die ClearInterval () -Funktion wird eingesetzt:

Syntax

Die Syntax der ClearInterval () -Funktion Ist:

ClearInterval (setInterValvariable)

Der ClearInterval () -Funktion Nimmt nur den variablen Namen, der von der zurückgegeben wurde setInterval () -Funktion.

Zum Beispiel, wenn wir das anrufen haben setInterval () -Funktion:

HoldExec = setInterval (() =>
Konsole.Protokoll (Holding…);
, 100)

Nun, um die Ausführung der Ausführung zu stoppen setInterval () -Funktion Wann immer wir wollen, müssen wir nur das zur Verfügung stellen “HoldExec”Variable als Argument für die ClearInterval () -Funktion und das ClearInterval () -Funktion würde so gehen:

ClearInterval (HoldExec);

Die Ausführung der setInterval () -Funktion wird richtig angehalten, wenn Sie die oben genannten Leitung durchführen ClearInterval () -Funktion.

Abschluss

JavaScript bietet Programmierern eine Reihe von Methoden, um asynchron einen Codeblock auszuführen. Diese Methoden werden als Timing -Ereignisse bezeichnet. Timing -Ereignisse ermöglichen eine regelmäßige Ausführung des JavaScript -Codes. Sie ermöglichen es dem Programmierer auch, die Ausführung bestimmter Codeblöcke zu verzögern. In diesem Tutorial haben wir die Grundlagen von Timing -Ereignissen in JavaScript behandelt. Wir haben gelernt, was sie sind und wie sie sie in unserem Code verwenden können.