In diesem Tutorial lernen Sie anhand von Beispielen die JavaScript-Methode setTimeout () kennen.
Die setTimeout()Methode führt nach der angegebenen Zeit einen Codeblock aus. Die Methode führt den Code nur einmal aus.
Die häufig verwendete Syntax von JavaScript setTimeout lautet:
setTimeout(function, milliseconds);
Seine Parameter sind:
- Funktion - Eine Funktion, die einen Codeblock enthält
- Millisekunden - die Zeit, nach der die Funktion ausgeführt wird
Die setTimeout()Methode gibt eine Intervall- ID zurück , die eine positive Ganzzahl ist.
Beispiel 1: Einmal nach 3 Sekunden einen Text anzeigen
// program to display a text using setTimeout method function greet() ( console.log('Hello world'); ) setTimeout(greet, 3000); console.log('This message is shown first');
Ausgabe
Diese Nachricht wird zuerst Hallo Welt angezeigt
Im obigen Programm setTimeout()ruft die Methode die greet()Funktion nach 3000 Millisekunden ( 3 Sekunden) auf.
Daher zeigt das Programm den Text Hallo Welt nur einmal nach 3 Sekunden an.
Hinweis : Die setTimeout()Methode ist nützlich, wenn Sie nach einiger Zeit einen Block von einmal ausführen möchten. Beispiel: Anzeigen einer Nachricht an einen Benutzer nach der angegebenen Zeit.
Die setTimeout()Methode gibt die Intervall-ID zurück. Beispielsweise,
// program to display a text using setTimeout method function greet() ( console.log('Hello world'); ) let intervalId = setTimeout(greet, 3000); console.log('Id: ' + intervalId);
Ausgabe
Id: 3 Hallo Welt
Beispiel 2: Anzeigezeit alle 3 Sekunden
// program to display time every 3 seconds function showTime() ( // return new date and time let dateTime= new Date(); // returns the current local time let time = dateTime.toLocaleTimeString(); console.log(time) // display the time after 3 seconds setTimeout(showTime, 3000); ) // calling the function showTime();
Ausgabe
17:45:39 17:45:43 5:45:47 17:45:50…
Das obige Programm zeigt die Zeit alle 3 Sekunden an.
Die setTimeout()Methode ruft die Funktion nur einmal nach dem Zeitintervall auf (hier 3 Sekunden).
Da sich die Funktion im obigen Programm selbst aufruft, zeigt das Programm die Zeit alle 3 Sekunden an.
Dieses Programm wird auf unbestimmte Zeit ausgeführt (bis der Speicher leer ist).
Hinweis : Wenn Sie eine Funktion mehrmals ausführen müssen, ist es besser, die setInterval()Methode zu verwenden.
JavaScript clearTimeout ()
Wie Sie im obigen Beispiel gesehen haben, führt das Programm nach dem angegebenen Zeitintervall einen Codeblock aus. Wenn Sie diesen Funktionsaufruf beenden möchten, können Sie die clearTimeout()Methode verwenden.
Die Syntax der clearTimeout()Methode lautet:
clearTimeout(intervalID);
Hier intervalIDist der Rückgabewert der setTimeout()Methode.
Beispiel 3: Verwenden Sie die clearTimeout () -Methode
// program to stop the setTimeout() method let count = 0; // function creation function increaseCount()( // increasing the count by 1 count += 1; console.log(count) ) let id = setTimeout(increaseCount, 3000); // clearTimeout clearTimeout(id); console.log('setTimeout is stopped.');
Ausgabe
setTimeout wird gestoppt.
Im obigen Programm wird die setTimeout()Methode verwendet, um den Wert der Zählung nach 3 Sekunden zu erhöhen. Die clearTimeout()Methode stoppt jedoch den Funktionsaufruf der setTimeout()Methode. Daher wird der Zählwert nicht erhöht.
Hinweis : Sie verwenden die clearTimeout()Methode im Allgemeinen , wenn Sie den setTimeout()Methodenaufruf abbrechen müssen, bevor dies geschieht.
Sie können der setTimeout()Methode auch zusätzliche Argumente übergeben . Die Syntax lautet:
setTimeout(function, milliseconds, parameter1,… .paramenterN);
Wenn Sie zusätzliche Parameter an die Pass - setTimeout()Methode, diese Parameter ( parameter1, parameter2usw.) an die angegebenen weitergegeben Funktion .
Beispielsweise,
// program to display a name function greet(name, lastName) ( console.log('Hello' + ' ' + name + ' ' + lastName); ) // passing argument to setTimeout setTimeout(greet, 1000, 'John', 'Doe');
Ausgabe
Hallo John Doe
Im obigen Programm werden zwei Parameter Johnund Doean die setTimeout()Methode übergeben. Diese beiden Parameter sind die Argumente, die an die Funktion (hier greet()Funktion) übergeben werden, die in der setTimeout()Methode definiert ist .
Empfohlene Lektüre: JavaScript async () und warte ()
