如何在评估条件之前暂停 JavaScript 执行 5 秒？

执行暂停：实现 5 秒等待

在您的 JavaScript 代码中，您遇到了时间安排问题某种功能。您的目标是在评估条件之前将代码块的执行延迟 5 秒。

您提供的代码：

<code class="js">function stateChange(newState) {
  setTimeout('', 5000);

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

无法实现您想要的行为，因为 setTimeout函数实际上并不延迟 if 语句的执行。相反，它会安排一个回调函数在 5000 毫秒后执行，但 if 语句会立即执行。

要解决此问题，您可以利用 JavaScript 中的异步编程技术，该技术提供了一种暂停执行流和稍后再恢复。这里有两种方法可以满足您的要求：

基于浏览器的解决方案

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

async function stateChange(newState) {
  await delay(5000);
  console.log("Waited 5s before checking condition");

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

在此解决方案中，我们定义了一个名为delay的实用函数，它创建了一个promise在指定的毫秒数后解析。 async 关键字用于使 stateChange 函数异步，允许其暂停执行，直到 Promise 解析。

Node.js 解决方案

<code class="js">const { setTimeout } = require("timers/promises");

async function stateChange(newState) {
  await setTimeout(5000);
  console.log("Waited 5s before checking condition");

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

此解决方案利用Node.js 的内置 setTimeout 函数会返回一个 Promise，允许您暂停执行直到 Promise 得到解决。 async 关键字的使用与前面的示例相同。

以上是如何在评估条件之前暂停 JavaScript 执行 5 秒？的详细内容。更多信息请关注PHP中文网其他相关文章！