sleep（）的JavaScript版本是什么？

有没有比下面的pausecomp函数（取自此处）更好的方法来设计JavaScript中的睡眠？

function pausecomp(millis)
{
    var date = new Date();
    var curDate = null;
    do { curDate = new Date(); }
    while(curDate-date < millis);
}

这不是JavaScript中的Sleep的重复-动作之间的延迟；我希望在函数的中间有一个真正的睡眠，而不是在代码执行之前有一段延迟。

当前回答

为了测试，我需要一段忙碌的等待。我不想拆分代码，因为这需要很多工作，所以一个简单的for为我做了这件事。

for (var i=0; i<1000000; i++){                  
    // Waiting
}

我看不出这样做有什么坏处，这对我来说很有好处。

2012-12-20 11:57:30

其他回答

如果您真的想完全阻塞主线程并防止事件循环从事件队列中拉出，那么这里有一个很好的方法可以做到这一点，而不需要创建任何函数、新的Date对象或泄漏任何变量。我知道这个愚蠢的问题已经有一百万个答案了，但我没有看到有人使用这个精确的解决方案。这仅适用于现代浏览器。

警告：这不是你会投入生产的东西。它只是有助于理解浏览器事件循环。它可能对任何测试都没有用处。它不像一个正常的系统睡眠函数，因为JavaScript运行时仍然在每个循环中工作。

for (let e = performance.now() + 2000; performance.now() < e; ) {}

这里使用setTimeout回调，即使它几乎立即进入事件队列，也要在至少两秒后才能调用：

setTimeout(function() {
  console.log("timeout finished");
}, 0);

for (let e = performance.now() + 2000; performance.now() < e; ) {}
console.log("haha wait for me first");

您将经历大约两秒的暂停，然后看到：

haha wait for me first
timeout finished

在Date.now（）上使用performance.now（（）的好处是Date对象是

受到时钟偏斜和系统时钟调整的影响。这个时间的价值可能不总是单调增加随后的值可以减小或保持不变。*

通常，performance.now（）更适合高精度地测量时间差异。

使用for循环的好处是可以在运行之前设置块的本地变量。这允许您在循环外进行加法运算，同时仍然是“单行”。这应该可以最大限度地减少这种热循环燃烧的CPU负载。

2020-02-21 01:38:23

如果您真的需要等待那么多秒，那么当前接受的使用async/await和setTimeout的解决方案是完美的。然而，如果您将其用于屏幕动画，则应该真正使用requestAnimationFrame（）。此函数的功能与setTimeout非常相似，但回调仅在用户可见动画时调用。这意味着，如果您在网站上运行动画，并且用户切换选项卡，动画将暂停并节省电池寿命。

这里是使用requestAnimationFrame的wait方法的实现。它接收多个帧，并在它们全部通过后解析：

常量动画等待=（帧）=>新承诺（（决心）=>{让framesPassed=0；requestAnimationFrame（函数循环（）{如果（++framesPassed>=帧）返回resolve（）；requestAnimationFrame（循环）；});});//演示用打字机效果const content=document.querySelector（“.content”）；异步函数类型Writer（endText，等待）{content.textContent=“”；for（const letter of endText）{content.textContent+=字母；wait animationWait（等待）；}}typeWriter（“好的。这个简单的打字机效果是requestAnimationFrame的一个例子。”，8）；<p>动画将在下面播放；尝试切换选项卡并查看动画暂停。</p><code class=“content”></code>

阅读有关requestAnimationFrame的更多信息

浏览器支持（IE10+）

2021-11-28 18:19:14

在sleep方法中，可以返回任何可执行的对象。不一定是新的承诺。

例子：

constsleep=（t）=>（{then:（r）=>setTimeout（r，t）}）常量someMethod=async（）=>{console.log（“hi”）；等待睡眠（5000）console.log（“再见”）；}someMethod（）