如何实现JavaScript指定时长的sleep函数？setInterval无法满足需求

首先明确：JavaScript原生没有内置的同步阻塞sleep函数，但可以通过几种方式实现你要的效果。

推荐方案：用async/await + Promise实现（非阻塞） #

这种方式不会卡住主线程，是最合理的实现方式：

// 封装sleep函数
function sleepFunction(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

// 要在async函数里使用await
async function run() {
  console.log("Line at the start");
  await sleepFunction(5000); // 等待5秒
  console.log("Line printed after 5 seconds");
}

run();

这里async/await只是让异步代码的写法看起来像同步，实际不会阻塞线程，浏览器或Node.js还能处理其他任务。

不推荐的同步阻塞方案（谨慎使用） #

如果一定要强制同步阻塞（会卡死线程），可以用循环占满时间：

function sleepFunction(ms) {
  const startTime = Date.now();
  while (Date.now() - startTime < ms) {
    // 空循环消耗时间，完全阻塞线程
  }
}

console.log("Line at the start");
sleepFunction(5000);
console.log("Line printed after 5 seconds");

注意：这种方法会让浏览器假死、Node.js进程无法处理其他请求，除非特殊场景，绝对不要用。

为什么你用setInterval不行？ #

setInterval是用来定时重复执行任务的，而且是异步任务。你应该用setTimeout，但直接用setTimeout是异步回调写法：

console.log("Line at the start");
setTimeout(() => {
  console.log("Line printed after 5 seconds");
}, 5000);

这种写法也能实现输出顺序，但不符合你想要的“同步调用sleep函数”的写法，所以还是async/await方案更贴合需求。

内容的提问来源于stack exchange，提问作者Yash Patil