首页 web前端 js教程 如何在评估条件之前暂停 JavaScript 执行 5 秒?

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

Nov 02, 2024 am 12:16 AM

How to Pause JavaScript Execution for 5 Seconds Before Evaluating a Condition?

执行暂停:实现 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 =&gt; new Promise(res =&gt; 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中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门文章

仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章

仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章标签

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

在JavaScript中替换字符串字符 在JavaScript中替换字符串字符 Mar 11, 2025 am 12:07 AM

在JavaScript中替换字符串字符

jQuery获取元素填充/保证金 jQuery获取元素填充/保证金 Mar 01, 2025 am 08:53 AM

jQuery获取元素填充/保证金

jQuery检查日期是否有效 jQuery检查日期是否有效 Mar 01, 2025 am 08:51 AM

jQuery检查日期是否有效

10个jQuery手风琴选项卡 10个jQuery手风琴选项卡 Mar 01, 2025 am 01:34 AM

10个jQuery手风琴选项卡

10值得检查jQuery插件 10值得检查jQuery插件 Mar 01, 2025 am 01:29 AM

10值得检查jQuery插件

HTTP与节点和HTTP-Console调试 HTTP与节点和HTTP-Console调试 Mar 01, 2025 am 01:37 AM

HTTP与节点和HTTP-Console调试

自定义Google搜索API设置教程 自定义Google搜索API设置教程 Mar 04, 2025 am 01:06 AM

自定义Google搜索API设置教程

jQuery添加卷轴到Div jQuery添加卷轴到Div Mar 01, 2025 am 01:30 AM

jQuery添加卷轴到Div

See all articles