Author -  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.

Css Tutorials & Demos

How rotate an image continuously in CSS

In this demo, we are going to learn about how to rotate an image continuously using the css animations.

How to create a Instagram login Page

In this demo, i will show you how to create a instagram login page using html and css.

How to create a pulse animation in CSS

In this demo, i will show you how to create a pulse animation using css.

Creating a snowfall animation using css and JavaScript

In this demo, i will show you how to create a snow fall animation using css and JavaScript.

Top Udemy Courses

JavaScript - The Complete Guide 2023 (Beginner + Advanced)
JavaScript - The Complete Guide 2023 (Beginner + Advanced)
116,648 students enrolled
52 hours of video content
$14.99 FROM UDEMY
React - The Complete Guide (incl Hooks, React Router, Redux)
React - The Complete Guide (incl Hooks, React Router, Redux)
631,582 students enrolled
49 hours of video content
$24.99 FROM UDEMY
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
203,937 students enrolled
31.5 hours of video content
$14.99 FROM UDEMY