javascript sleep Delay, Pause, & Wait Example also Javascript does not have a built-in sleep function. & JavaScript setTimeout Tutorial – How to Use the JS Equivalent of sleep, wait, delay, and pause.
In the bellow example, i have used the sleep() with async/await js method. Here sleep js method is accompanied with await to continue the proceedings. Initially the text in the async js method “Gretting Pakainfo” is displayed once the js method is started.
Later on, the js method is paused using sleep js method for 5 seconds. Once the time time is completed, the text(“Greeting to ……..”) bellow the sleep js method is displayed.
It is repeated until the loop terminates, meaning that in total the text is going to be repeated for 19 times as shown in the result.
Syntax of sleep() in JavaScript
sleep(delayTime in milliseconds).then(() => {
// simply code to be executed
})
<html>
<body>
<script>
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
async function InitBlog() {
document.write('Gretting Pakainfo');
for (let i = 1; i <20 ; i++) {
await sleep(5000);
document.write( i +" "+"Greeting to Pakainfo" + " " + "</br>");
}
}
InitBlog()
</script>
</body>
</html>
Output
Gretting Pakainfo
// after 5 secs
1 Greeting to Pakainfo
// after 3sec...and the text will repeat until the loop terminates for every 5 sec
2 Greeting to Pakainfo
3 Greeting to Pakainfo
4 Greeting to Pakainfo
5 Greeting to Pakainfo
6 Greeting to Pakainfo
7 Greeting to Pakainfo
8 Greeting to Pakainfo
9 Greeting to Pakainfo
10 Greeting to Pakainfo
11 Greeting to Pakainfo
12 Greeting to Pakainfo
13 Greeting to Pakainfo
14 Greeting to Pakainfo
15 Greeting to Pakainfo
16 Greeting to Pakainfo
17 Greeting to Pakainfo
18 Greeting to Pakainfo
19 Greeting to Pakainfo
console.log("Greeting");
setTimeout(() => { console.log("Pakainfo!"); }, 2000);
Don’t Miss : PHP Sleep Delay Function
I hope you get an idea about javascript sleep.