JavaScript doesn’t have a sleep function that will delay a program’s execution for a given number of seconds. However, you can create a delay in JavaScript is to use its setTimeout method.
A setTimeout will pause a 1-second function or code in JavaScript pause for 1 second.
1000 MS = 1 SEC
|
1 2 |
console.log("Hello"); setTimeout(() => { console.log("World!"); }, 1000); |
JavaScript pause for 1 second Example code
Let’s see HTML example code of to print log “Hello” to the console, then after one seconds “World!”
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!DOCTYPE html> <html> <body> <script> console.log("Hello"); setTimeout(() => { console.log("World!"); }, 1000); </script> </body> </html> |
Output:
JS Sleep Function with 1 second delay
Let’s set time delay in JavaScript function.
|
1 2 3 4 5 |
var delayInMilliseconds = 1000; //1 second setTimeout(function() { //your code to be executed after 1 second }, delayInMilliseconds); |
Recursively call a method
A program for recursively call a method that performs the check every second using setTimeout:
|
1 2 3 4 5 6 7 8 9 10 |
var check = function(){ if(condition){ // run when condition is met } else { setTimeout(check, 1000); // check again in a second } } check(); |
Do comment if you have any doubts and suggestion on this topic.
Note: All JS Examples codes are tested on the Firefox browser and the Chrome browser.
OS: Windows 10
Code: HTML 5 Version
Degree in Computer Science and Engineer: App Developer and has multiple Programming languages experience. Enthusiasm for technology & like learning technical.