Timer in JavaScript

1. Erstellen Sie einen Timer mit setTimeout() in JavaScript
2. Erstellen einen Timer mit setInterval() in JavaScript

JavaScript bietet zwei Timerfunktionen zum Ausführen von nicht blockierendem Code. JavaScript bietet die Funktionen setTimeout() und setInterval(), die den angegebenen Ausdruck oder die Funktion nach einem bestimmten Zeitintervall ausführen.

Im heutigen Beitrag erfahren Sie mehr über den JavaScript-Timer.

Erstellen Sie einen Timer mit setTimeout() in JavaScript

Dies ist eine von JavaScript bereitgestellte asynchrone Funktion, die eine bestimmte Funktion oder einen bestimmten Codeabschnitt ausführt, nachdem der Timer abgelaufen ist. Verschiedene Gründe führen zu Verzögerungen bei Zeitüberschreitungen, z. B. verschachtelte Zeitüberschreitungen, Zeitüberschreitungen in inaktiven Registerkarten, Drosselung von Nachverfolgungsskripts und Verzögerung von Zeitüberschreitungen beim Laden der Seite.

Syntax für setTimeout() in JavaScript

setTimeout(function [, delay, arg1, arg2, ...]);
setTimeout(code[, delay]);

Parameter

• function: Dies ist ein obligatorischer Parameter. Sie gibt die Funktion an, die nach Ablauf der Zeit ausgeführt werden soll.
• code: Dies ist ein obligatorischer Parameter. Übergibt der Benutzer die Funktion nicht, kann der Benutzer alternativ zur Funktion eine Zeichenkette übergeben.
• delay: Dies ist ein optionaler Parameter. Dieser Parameter akzeptiert den numerischen Wert als Timer in Millisekunden, bevor der angegebene Code oder die angegebene Funktion ausgeführt wird. Wenn kein Wert übergeben wird, ist der Standardwert 0, wodurch die Ausführung sofort erfolgt.
• arg1, ..., argN: Dies ist ein optionaler Parameter. Wird die Funktion übergeben, können die Werte der Funktion als zusätzliches Argument übergeben werden.

Rückgabewert

Diese Methode setTimeout() gibt eine positive timeoutID zurück, die hilft, den Timer zu identifizieren. Dieser Wert kann für clearTimeout() verwendet werden.

Beispielcode:

<button onclick="setTimeoutFunction()">Try set Timeout</button>

function addFn(a, b) {
  console.log(a + b);
  return a + b;
}

function setTimeoutFunction() {
  setTimeout(addFn, 5000, 5, 10);
}

Ausgabe:

15

Erstellen einen Timer mit setInterval() in JavaScript

Die Methode setInterval() wird von JavaScript bereitgestellt. Diese Methode wird auf den Schnittstellen worker und window angeboten. Es ruft wiederholt eine Funktion auf oder führt einen Codeabschnitt aus. Dieser Code wird mit einer festen Zeitverzögerung zwischen jedem Anruf ausgeführt.

Der einzige Unterschied zwischen den Funktionen setInterval() und setTimeout() besteht darin, dass setInterval() die Funktion wiederholt mit einer Verzögerung zwischen jedem Aufruf aufruft, während setTimeout() eine Funktion verzögert ausführt.

Syntax für setTimeout() in JavaScript

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

Parameter

• function: Dies ist ein obligatorischer Parameter. Sie gibt die Funktion an, die nach Ablauf der Zeit ausgeführt werden soll.
• code: Dies ist ein obligatorischer Parameter. Wenn der Benutzer die Funktion nicht übergibt, kann der Benutzer eine Zeichenkettenalternative an die Funktion übergeben.
• delay: Dies 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. Wird kein Wert übergeben, ist 0 die Vorgabe, wodurch die Ausführung sofort erfolgt.
• arg1, ..., argN: Dies ist ein optionaler Parameter. Wird die Funktion übergeben, können die Werte der Funktion als zusätzliches Argument übergeben werden.

Rückgabewert

Diese Methode setInterval() gibt eine positive intervalID zurück, die hilft, den Timer zu identifizieren. Dieser Wert kann für clearInterval() verwendet werden.

Beispielcode:

<button onclick="setIntervalFunction()">Try set Interval</button>

function addFn(a, b) {
  console.log(a + b);
  return a + b;
}

function setIntervalFunction() {
  setInterval(addFn, 5000, 5, 10);
}

Ausgabe:

15