by Sai gowtham

How to make functions sleep in JavaScript

In this tutorial, we are going to learn how to make javascript functions sleep or delay for a particular amount of time.

JavaScript doesn’t have a built-in sleep function to make your functions sleep, so that we are creating our own function by taking the help of promise constructor and setTimeOut method.

function sleep(time){
      return new Promise((resolve)=>setTimeout(resolve,time)
    )
}

You can now use the sleep() function with a then() method.

sleep(2000).then(()=>{
   console.log('you can see me after 2000 milliseconds');
})

Using with async or await

async function add(n1,n2){
   await sleep(2000);
   console.log(n1+n2)
}

add(1,2);

In this example, we will get the output of a add() function once a 2000 milliseconds is finished.

Hope you enjoyed.

Top Udemy Courses

JavaScript - The Complete Guide 2020 (Beginner + Advanced)
JavaScript - The Complete Guide 2020 (Beginner + Advanced)
45,614 students enrolled
52 hours of video content
View Course
React - The Complete Guide (incl Hooks, React Router, Redux)
React - The Complete Guide (incl Hooks, React Router, Redux)
284,472 students enrolled
40 hours of video content
View Course
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
130,921 students enrolled
21 hours of video content
View Course