当前位置：首页 > JavaScript

js 实现sleep

2026-04-05 19:23:29JavaScript

在JavaScript中实现sleep功能可以通过多种方式实现，以下是几种常见的方法：

使用Promise和setTimeout

通过结合Promise和setTimeout，可以实现一个异步的sleep函数：

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

// 使用示例
async function demo() {
  console.log('开始等待');
  await sleep(2000); // 等待2秒
  console.log('等待结束');
}
demo();

使用Generator函数

通过Generator函数和yield关键字，可以实现类似sleep的效果：

function* sleepGenerator(ms) {
  yield new Promise(resolve => setTimeout(resolve, ms));
}

// 使用示例
const sleep = sleepGenerator(2000);
sleep.next().value.then(() => {
  console.log('等待结束');
});

使用同步方式（不推荐）

JavaScript是单线程的，同步阻塞会严重影响性能，但可以通过循环实现：

function sleepSync(ms) {
  const start = Date.now();
  while (Date.now() - start < ms) {}
}

// 使用示例
console.log('开始等待');
sleepSync(2000); // 阻塞2秒
console.log('等待结束');

使用Atomics.wait

适用于Web Worker环境，通过Atomics.wait实现阻塞：

js 实现sleep

function sleepWorker(ms) {
  const sharedArray = new SharedArrayBuffer(4);
  const view = new Int32Array(sharedArray);
  Atomics.wait(view, 0, 0, ms);
}

// 使用示例（需在Worker中运行）
console.log('开始等待');
sleepWorker(2000); // 阻塞2秒
console.log('等待结束');