setInterval vs setTimeout in JavaScript

Die Planung ist die breite Begriff für jede für einen zukünftigen Zeitraum geplante Aufgabe. In JavaScript gibt es Funktionen für die Ausführung in vorbestimmten Intervallen oder Zeiten, die als setTimeout () und setInterval () bezeichnet werden, mit denen Aufgaben für eine bestimmte Zeit planen können. Beide Methoden ermöglichen es Ihnen, ein Stück JavaScript -Code oder -Funktion zu einem bestimmten Zeitpunkt in der Zukunft auszuführen.

Dieser Artikel erläutert das SetInterval und die SetTimeout in JavaScript und ihre gemeinsamen Unterschiede.

Was ist ein SetInterval in JavaScript?

Der "setInterval ()"In JavaScript führt ein JavaScript -Ausdruck kontinuierlich alle aus"XIntervall. Es wiederholt eine bestimmte Funktion in jedem bestimmten Zeitintervall.

Syntax

Befolgen Sie die untergegebene Syntax für die Methode setInterval ():

Fenster.setInterval (Funktion, Zeit);

Zwei Parameter werden nach dieser Methode akzeptiert:

• Funktion: Der erste Parameter ist die ausführende Funktion.
• Zeit: Die Dauer zwischen jeder Ausführung, gemessen in Millisekunden.

Beispiel

Hier setzen wir den Timer, indem wir das Zeitintervall auf einem Schaltflächen -Klickereignis einstellen:

klicken Sie hier

Ein ... kreieren

Tagelement und eine ID zuweisen “ZeitWo die Zeit gezeigt wird:

Schreiben Sie in der JavaScript -Datei die folgenden Codezeilen:

Funktion Timer ()
const date = neuer Datum ();
dokumentieren.GetElementById ("Zeit").Innerhtml = Datum.tolocaletimestring ();

Im obigen Code -Snippet:

• Definieren Sie zunächst eine Funktion namens “Timer()”.
• Erstellen Sie ein neues Datumsobjekt, das den Konstruktor Date () verwendet.
• Greifen Sie dann auf das Element zu, in dem die Zeit mithilfe der ID mit Hilfe des “angezeigt wirdGetElementById ()Methode und setzenTolocaletimestring ()" Methode.

In der Ausgabe können Sie feststellen, dass die Zeit nach einem bestimmten Zeitintervall im Klickereignis angezeigt wird:

Was ist SetTimeout in JavaScript?

Der "setTimeoutDie Methode wird verwendet, um die Funktion nach einer bestimmten Zeit aufzurufen. Es läuft erst einmal nach einer bestimmten Zeit.

Syntax

Befolgen Sie die bereitgestellte Syntax für die Methode setInterval ():

Fenster.setInterval (Funktion, Zeit);

Es dauert zwei Parameter:

• Funktion: Die Funktion, die ausgeführt werden muss
• Zeit: Die Dauer der Dauer zwischen jeder Ausführung, gemessen in Millisekunden.

Beispiel

Rufen Sie die SetTimeOut () -Methode im Klickereignis auf, indem Sie die Funktion und die Zeit in Millisekunden übergeben:

klicken Sie hier

Erstellen Sie ein Element mit dem

Schild:

Ausgang

setInterval vs setTimeout

Die Hauptaufgabe von “setTimeout”Soll die Funktion nach einer bestimmten Zeitspanne aufrufen. Im Gegensatz, "setInterval”Wird häufig verwendet, um eine Funktion nach einer vorgegebenen Zeitspanne auszuführen. Der Hauptunterschied zwischen SetTimeOut und SetInterval besteht darin, dass SetTimeout nur einmal nach einer bestimmten Zeit ausgeführt wird. Die SetInterval -Funktion kann jedoch wiederholt verwendet werden.

Abschluss

“setTimeout ()" Und "setInterval ()”Sind die vordefinierten JavaScript -Methoden zur Planung der Aufgaben. Der "setInterval ()Wiederholt eine bestimmte Funktion in jedem bestimmten Zeitintervall, während die “setTimeoutDie Methode wird verwendet, um die Funktion einmal nach einer bestimmten Zeitspanne aufzurufen. Dieser Artikel erläuterte das SetInterval und die SetTimeout in JavaScript und ihre gemeinsamen Unterschiede.