Languages
[Edit]
EN

JavaScript - sleep function

3 points
Created by:
JustMike
3515

In this short article, we're going to have a look at how in JavaScript create sleep(ms) function.

Quick solution:

  1. create new function called sleep,
  2. create inside and return Promise object,
  3. resolve Promise with setTimeout after indicated time,
  4. call the sleep function with await before inside other async function.

Code:

let sleep = (ms) => {
    return new Promise(resolve => setTimeout(resolve, ms));        
};

// await sleep(1000); // <------ calling inside async function

Node: async/await operators were introduced in ES8 (ES2017). Use Babel or TypeScript to provide this functionality in older browsers.

Explaination

There is no available sleep function in JavaScript, but is is possible to emulate sleeping with acync functions. The main idea is to postpone resolve function call with setTimeout wrapped in Promise object. Later that create logic can be placed inside own sleep function and called with await keyword inside async method only - it is main disadvantage/andvantage of the approach. Advantage becasue our logic will not freeze web browser like infinity loop does.

More complicated runnable example code below:

// ONLINE-RUNNER:browser;

let sleep = (ms) => {
    return new Promise(resolve => setTimeout(resolve, ms));        
};

// Usage example:

let action = async () => {
    console.log('[START]');
    for (let i = 0; i < 5; ++i) {
        await sleep(1000); // sleeps 1s each iteration
        console.log(i);
    }
    console.log('[STOP]');
};
action();

 

Hey ūüĎč
Would you like to know what we do?
  • Dirask is a friendly IT community for learners, professionals and hobbyists to share their knowledge and help each other in extraordinary easy way.
  • We welcome everyone,
    no matter what the experience,
    no matter how basic the question is,
    this community will help you.