如何在评估条件之前暂停 JavaScript 执行 5 秒?
Nov 02, 2024 am 12:16 AM执行暂停:实现 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中文网其他相关文章!
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门文章
击败分裂小说需要多长时间?
3 周前
By DDD
仓库:如何复兴队友
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?
3 周前
By 王林
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前
By 尊渡假赌尊渡假赌尊渡假赌

热门文章
击败分裂小说需要多长时间?
3 周前
By DDD
仓库:如何复兴队友
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?
3 周前
By 王林
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前
By 尊渡假赌尊渡假赌尊渡假赌

热门文章标签

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)