Is it possible to chain setTimeout functions in JavaScript?

user_564811 0
Viewed 19876

Is it possible to chain setTimout functions to ensure they run after one another?

settimeout javascript
5 Answers

Inspired by @jfriend00 I demonstrated a shorter version:

Promise.resolve()
  .then(() => delay(400))
  .then(() => log1())
  .then(() => delay(500))
  .then(() => log2())
  .then(() => delay(800))
  .then(() => log3());

function delay(duration) {
  return new Promise((resolve) => {
    setTimeout(resolve, duration);
  });
}

function log1() {
  console.log("Message 1");
}

function log2() {
  console.log("Message 2");
}

function log3() {
  console.log("Message 3");
}

user_69048880

Using async / await with @Penny Liu example:

(async() => {
  await delay(400)
  log1()
  await delay(500)
  log2()
  await delay(800)
  log3()
})()

async function delay(duration) {
  return new Promise((resolve) => {
    setTimeout(resolve, duration);
  });
}

function log1() {
  console.log("Message 1");
}

function log2() {
  console.log("Message 2");
}

function log3() {
  console.log("Message 3");
}

user_32062470
Related