sleep（）的JavaScript版本是什么？

使用三种功能：

调用setInterval启动循环的函数一个函数，它调用clearInterval来停止循环，然后调用setTimeout来休眠，最后在setTimeout内调用作为回调来重新启动循环一个循环，跟踪迭代次数，设置睡眠次数和最大次数，一旦达到睡眠次数就调用睡眠函数，并在达到最大次数后调用clearInterval

var foo＝｛｝；函数main（）{“使用严格”；/*初始化全局状态*/foo.bar=foo.bar ||0；/*初始化计时器*/foo.bop=设置间隔（foo.baz，1000）；}睡眠=功能（计时器）{“使用严格”；clearInterval（计时器）；timer=setTimeout（function（）｛main（）｝，5000）；};foo.baz=函数（）{“使用严格”；/*更新状态*/foo.bar=数字（foo.bar+1）||0；/*日志状态*/console.log（foo.bar）；/*检查状态并在10时停止*/（foo.bar===5）&&睡眠（foo.bop）；（foo.bar==10）&&clearInterval（foo.bop）；};main（）；

工具书类

使用JavaScript开发游戏为什么iOS 8中的滚动事件更改是一件大事Ember.js中的实时轮询系统使用requestAnimationFrame（）驱动动画MDN:JavaScript并发模型和事件循环网格研究：Node.js在JavaScript中超过60fps第2部分：不阻塞单个线程的CPU密集型JavaScript计算

2016-07-02 00:25:29

使用更好的DX实现更安全的异步睡眠

我使用睡眠进行调试。。。我忘了用wait太多次了。让我挠头。我在写下面的实时片段时忘记使用await。。。不再！

如果您在1毫秒内运行了两次，下面的睡眠功能会提醒您。如果您确定使用了await，它还支持传递一个相当的参数。它不会投掷，因此可以安全地用作睡眠的替代品。享受

是的，实时片段中有一个JavaScript版本。

// Sleep, with protection against accidentally forgetting to use await
export const sleep = (s: number, quiet?: boolean) => {
  const sleepId = 'SLEEP_' + Date.now()
  const G = globalThis as any
  if (G[sleepId] === true && !quiet) {
    console.error('Did you call sleep without await? use quiet to hide msg.')
  } else {
    G[sleepId] = true
  }
  return new Promise((resolve) => {
    !quiet && setTimeout(() => {
      delete G[sleepId]
    }, 1)
    setTimeout(resolve, (s * 1000) | 0)
  })
}

//睡眠，防止意外忘记使用等待常量睡眠=（s，安静）=>{constsleepId='SLEEP_'+Date.now（）const G=全局此if（G[sleepId]==true&&！quiet）{console.error（'您是否在没有等待的情况下调用sleep？使用quiet隐藏消息。'）}其他{G[sleepId]=真}return new Promise（（resolve）=>{!quiet&&setTimeout（（）=>{删除G[sleepId]}, 1)setTimeout（解析，（s*1000）|0）})}常量main=async（）=>{console.log（'休眠1秒…'）等待睡眠（1）console.log（'使用等待的目标…'）睡眠（99）睡眠（99）等待睡眠（1，true）console.log（“开发人员快乐！”）}main（）

与公认更容易阅读的相比：

const sleep = (s: number) =>
  new Promise((p) => setTimeout(p, (s * 1000) | 0))

2022-06-19 05:29:16

让事情看起来像大多数人想要的更好的解决方案是使用匿名函数：

alert('start');
var a = 'foo';
// Lots of code
setTimeout(function(){  // Beginning of code that should run AFTER the timeout
    alert(a);
    // Lots more code
}, 5000);  // Put the timeout here

这可能是最接近你想要的东西。

注意，如果你需要多次睡眠，这可能会在匆忙中变得很难看，你可能需要重新考虑你的设计。

2011-08-08 13:05:30

这里的大多数答案都是错误的，或者至少是过时的。没有理由JavaScript必须是单线程的，事实上也不是。今天，所有主流浏览器都支持工人。在此之前，Rhino和Node.js等其他JavaScript运行时支持多线程。

“JavaScript是单线程的”不是有效答案。例如，在工作线程中运行睡眠函数不会阻止UI线程中运行的任何代码。

在支持生成器和yield的较新运行时中，可以在单线程环境中为sleep函数带来类似的功能：

// This is based on the latest ES6 drafts.
// JavaScript 1.7+ (SpiderMonkey/Firefox 2+) syntax is slightly different

// Run code you want to sleep here (omit star if using JavaScript 1.7)
function* main(){
    for (var i = 0; i < 10; i++) {
        // To sleep for 10 milliseconds 10 times in a row
        yield 10;
    }

    yield 5;
    console.log('I just slept 5 milliseconds!');
}

// Resume the given generator after ms milliseconds
function resume(ms, generator){
    setTimeout(function(){
        // Omit .value if using JavaScript 1.7
        var nextSleep = generator.next().value;
        resume(nextSleep, generator);
    }, ms);
}

// Initialize a generator and get first sleep for the recursive function
var
    generator = main(),
    firstSleep = generator.next().value;

// Initialize recursive resume function
resume(firstSleep, generator);

这种对睡眠的模仿不同于真正的睡眠函数，因为它不会阻塞线程。它只是JavaScript当前setTimeout函数之上的糖。这种功能类型已经在Task.js中实现，现在应该可以在Firefox中使用。

2014-06-25 06:05:59