In deze tutorial leer je met behulp van voorbeelden over de JavaScript-methode setTimeout ().
De setTimeout()methode voert een codeblok uit na de opgegeven tijd. De methode voert de code slechts één keer uit.
De veelgebruikte syntaxis van JavaScript setTimeout is:
setTimeout(function, milliseconds);
De parameters zijn:
- functie - een functie die een blok code bevat
- milliseconden - de tijd waarna de functie wordt uitgevoerd
De setTimeout()methode retourneert een intervalID , wat een positief geheel getal is.
Voorbeeld 1: geef een tekst weer na 3 seconden
// program to display a text using setTimeout method function greet() ( console.log('Hello world'); ) setTimeout(greet, 3000); console.log('This message is shown first');
Uitvoer
Dit bericht wordt als eerste weergegeven Hallo wereld
In het bovenstaande programma setTimeout()roept de methode de greet()functie aan na 3000 milliseconden ( 3 seconden).
Daarom geeft het programma de tekst Hallo wereld slechts één keer weer na 3 seconden.
Opmerking : de setTimeout()methode is handig als u een blok na enige tijd een keer wilt uitvoeren. Bijvoorbeeld het tonen van een bericht aan een gebruiker na de opgegeven tijd.
De setTimeout()methode retourneert de interval-id. Bijvoorbeeld,
// program to display a text using setTimeout method function greet() ( console.log('Hello world'); ) let intervalId = setTimeout(greet, 3000); console.log('Id: ' + intervalId);
Uitvoer
Id: 3 Hallo wereld
Voorbeeld 2: weergavetijd elke 3 seconden
// 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();
Uitvoer
17:45:39 17:45:43 17:45:47 PM 17:45:50…
Het bovenstaande programma geeft de tijd elke 3 seconden weer.
De setTimeout()methode roept de functie slechts één keer aan na het tijdsinterval (hier 3 seconden).
In het bovenstaande programma geeft het programma echter elke 3 seconden de tijd weer, aangezien de functie zichzelf aanroept.
Dit programma werkt voor onbepaalde tijd (totdat het geheugen opraakt).
Opmerking : als u een functie meerdere keren moet uitvoeren, is het beter om de setInterval()methode te gebruiken .
JavaScript clearTimeout ()
Zoals je in het bovenstaande voorbeeld hebt gezien, voert het programma een codeblok uit na het gespecificeerde tijdsinterval. Als u deze functieaanroep wilt stoppen, kunt u de clearTimeout()methode gebruiken.
De syntaxis van clearTimeout()methode is:
clearTimeout(intervalID);
Hier intervalIDis de retourwaarde van de setTimeout()methode.
Voorbeeld 3: gebruik de methode clearTimeout ()
// 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.');
Uitvoer
setTimeout is gestopt.
In het bovenstaande programma wordt de setTimeout()methode gebruikt om de waarde van count na 3 seconden te verhogen. De clearTimeout()methode stopt echter de functieaanroep van de setTimeout()methode. Daarom wordt de telwaarde niet verhoogd.
Opmerking : u gebruikt de clearTimeout()methode meestal wanneer u de methodeaanroep moet annuleren setTimeout()voordat deze plaatsvindt.
U kunt ook aanvullende argumenten aan de setTimeout()methode doorgeven . De syntaxis is:
setTimeout(function, milliseconds, parameter1,… .paramenterN);
Wanneer u extra parameters doorgeven aan de setTimeout()methode, deze parameters ( parameter1, parameter2zal, enz.) Worden doorgegeven aan de opgegeven functie .
Bijvoorbeeld,
// program to display a name function greet(name, lastName) ( console.log('Hello' + ' ' + name + ' ' + lastName); ) // passing argument to setTimeout setTimeout(greet, 1000, 'John', 'Doe');
Uitvoer
Hallo John Doe
In het bovenstaande programma twee parameters Johnen Doeworden doorgegeven aan de setTimeout()methode. Deze twee parameters zijn de argumenten die worden doorgegeven aan de functie (hier greet()functie) die binnen de setTimeout()methode is gedefinieerd .
Aanbevolen literatuur: JavaScript async () en await ()
