How to Create a Sleep function in JavaScript
Table of Contents
Sleeping can be a useful feature to implement in your code.
It can be used to wait for a certain amount of time before executing the next line of code.
In this article, we will learn how to implement a sleep function in JavaScript.
How to implement a function to sleep in JavaScript
The issue with sleep functions in JavaScript is that they are not blocking.
This means that the code will continue to execute while the sleep function is running.
One way to implement a sleep function is to use the setTimeout
function in conjunction with a Promise
.
The setTimeout
function takes a callback function as its first argument and a time in milliseconds as its second argument.
Let's see an example:
JAVASCRIPTconst sleep = (milliseconds) => {
return new Promise(resolve => setTimeout(resolve, milliseconds))
}
console.log("Hello");
sleep(1000).then(() => {
console.log("World");
});
This will print Hello
to the console immediately and World
after 1 second after the promise is resolved.
This works but it is not very elegant, especially because you have to use the then
function and nest the code inside of it.
Another way to implement a sleep function is to use the async
and await
keywords.
Let's see an example using async
/await
:
JAVASCRIPTconst sleep = async (milliseconds) => {
return new Promise(resolve => setTimeout(resolve, milliseconds))
}
console.log("Hello");
await sleep(1000);
console.log("World");
Like before this will also print Hello
immediately, then after a second it will print World
.
This is a lot cleaner than the previous example while keeping the functionality the same.
Conclusion
In this post, we learned how to implement a sleep function in JavaScript.
For the best results, use the async
/await
syntax with the Promise
object.
Thanks for reading!
- Getting Started with Express
- Create an RSS Reader in Node
- How to deploy a .NET app using Docker
- How to build a Discord bot using TypeScript
- How to deploy a PHP app using Docker
- How to deploy an Express app using Docker
- How to deploy a Node app using Docker
- Using Puppeteer and Jest for End-to-End Testing
- Build a Real-Time Chat App with Node, Express, and Socket.io
- Getting User Location using JavaScript's Geolocation API
- Creating a Twitter bot with Node.js
- Getting Started with React