JS 如何实现 sleep 延时？

Question

JS 如何实现 sleep 延时？

仓乃文 · Accepted Answer

JavaScript 没有内置 sleep 函数，但可以用 Promise + setTimeout 封装一个异步版本的 sleep。

基础实现：
```javascript
function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

// 使用示例
async function demo() {
  console.log("开始");
  await sleep(1000);  // 等待 1 秒
  console.log("1 秒后");
  await sleep(2000);  // 再等 2 秒
  console.log("又过了 2 秒");
}
```

箭头函数简写：
```javascript
const sleep = ms => new Promise(r => setTimeout(r, ms));
```

补充说明：
- sleep 是纯异步实现，不会阻塞主线程
- 在 async 函数中用 await 调用是标准用法
- setTimeout 的精度不是 100% 精确，浏览器会受事件队列影响
- 不要在同步代码中用 while 循环实现 sleep，会卡死界面