by Sai gowtham

How to make functions sleep in JavaScript

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)
26,545 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)
221,520 students enrolled
44 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)
114,575 students enrolled
21 hours of video content
View Course