如何在 JavaScript 中等待 5 秒再执行下一行？

执行下一行之前等待 5 秒

在 JavaScript 中，setTimeout() 函数安排函数在指定的毫秒数后执行。但是，它不会停止代码的执行，这意味着下一行代码将在 setTimeout() 调用后立即执行，无论指定的延迟如何。

您的代码

您的代码旨在等待 5 秒，然后再检查 newState 是否等于 -1。但是，由于 setTimeout() 不会阻塞代码，因此在 5 秒延迟发生之前立即进行检查。

解决方案

要实现所需的行为，您需要使用一种机制可以将代码的执行暂停 5 秒钟。您可以考虑两种现代方法：

1。 Async/Await 语法（仅限浏览器）

ES6 引入了 async/await 语法，它允许您以更同步的方式编写异步代码。通过将函数标记为异步，您可以使用await关键字暂停执行，直到promise得到解决。

<code class="javascript">const delay = ms => new Promise(resolve => setTimeout(resolve, ms));

const stateChange = async newState => {
  await delay(5000);

  if (newState === -1) {
    alert('VIDEO HAS STOPPED');
  }
};</code>

2. Timers/Promises 模块（仅限 Node.js）

在 Node.js 16 中，timers/promises 模块提供了基于 Promise 的 setTimeout 版本。这允许您暂停执行并等待延迟完成后再继续。

<code class="javascript">import { setTimeout } from "timers/promises";

const stateChange = async newState => {
  await setTimeout(5000);

  if (newState === -1) {
    console.log('VIDEO HAS STOPPED');
  }
};</code>

这两种方法都将确保在执行 newState 检查之前代码执行暂停 5 秒。

以上是如何在 JavaScript 中等待 5 秒再执行下一行？的详细内容。更多信息请关注PHP中文网其他相关文章！