📜  javascript 休眠 1 秒 - Javascript (1)

📅  最后修改于: 2023-12-03 15:01:41.436000             🧑  作者: Mango

Javascript 休眠 1 秒

在编写 Javascript 动态网页应用程序时,我们常常需要在一定的时间间隔之后执行某些操作。为了实现这种延迟执行,我们可以使用 Javascript 的休眠方法。

方法一:利用 setTimeout 函数

我们可以使用 setTimeout 函数来实现 JavaScript 的休眠。该函数接受两个参数:需要执行的函数和等待时间(以毫秒为单位)。

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

这样我们就可以在需要休眠的地方调用这个函数来实现 JavaScript 的休眠了:

async function foo() {
  console.log("Start");
  await sleep(1000);
  console.log("End");
}

foo();

输出结果:

Start
(等待 1 秒之后)
End
方法二:利用 ES6 的 async/await

在 ES6 中,我们可以使用 async/await 来更方便地实现 JavaScript 的休眠。

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

async function foo() {
  console.log("Start");
  await sleep(1000);
  console.log("End");
}

foo();

输出结果:

Start
(等待 1 秒之后)
End
总结

以上两种方法都可以轻易地实现 JavaScript 的延迟执行操作。选择不同的方法,取决于你的代码风格和具体要求。