前端使用javascript如何进行sleep

itomcoil 2025-08-21 03:14 3 浏览

很多语言中都有sleep()，delay()等方法，它能让我们的程序不急着去执行下一步操作，而是延迟、等待一段时间。开发实践中经常会遇到需要这样的需求，比如等待几分钟再去检查某一事件是否发生。JavaScript里有setTimeout()方法来实现设定一段时间后执行某个任务，但写法很丑陋，需要提供回调函数：

setTimeout(function(){ console.log("some opertaion after 3 seconds later"); }, 3000);

ES6中我们可以借助 Promise对setTimeout函数进行改良，这样就能实现我们想要的sleep()函数的效果了,下面就是把setTimeout()封装在一个Promise中的示例。

async function sleep() {
 let s = new Date().getTime();
 console.log('start...',s);
 await sleep_inner(1000);
 let e = new Date().getTime()
 console.log('end!',e," diff(ms)",e-s);
}

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

sleep();

运行这段代码你会发现代码被阻塞了1秒钟,而且这种写法很优雅，就像其它编程语言里的延迟、等待函数。Promise API使我们避免传入回调函数，我们在实现中还使用了ES6中的箭头(arrow)函数。

这里需要提到的一个问题是，我们使用了 async/await 关键字,但 async/await 是ES7中的语法，目前还是处于试验阶段。那现在想用这个 async/await 特性怎么办？可以尝试 google 的一个 JavaScript 预编译器 traceur，可以将高版本的 JavaScript 编译为 ES5 代码，已经实验性的支持了 async/await （需要使用 –experimental 来指定开启）。

js的some

上一篇：JavaScript 异步编程指南 - 聊聊 Node.js 中的事件循环
下一篇：【灯塔计划】浏览器崩溃的第一性原理:内存管理的艺术

前端使用javascript如何进行sleep

相关推荐

我用 1 个 2 手计算器换了 3 台 MacBook(上)

零基础也能搞定!DeepSeek大模型本地安装全攻略

Win7中同时安装python2和python3的方法

Python三目运算符(三元运算符)用法详解

PS零基础入门教程:Photoshop 2024工具详解—标尺工具

按颜色计数、求和、算平均值或最大值?学这个函数就够啦!

SpringBoot中使用LocalDateTime踩坑记录

中药古今研究:人参

最全的linux安装软件方法 linux安装软件流程

「mysql第二次安装不了」mysql安装失败怎么清理干净?