有没有比下面的pausecomp函数（取自此处）更好的方法来设计JavaScript中的睡眠？
function pausecomp(millis)
{
var date = new Date();
var curDate = null;
do { curDate = new Date(); }
while(curDate-date < millis);
}
这不是JavaScript中的Sleep的重复-动作之间的延迟；我希望在函数的中间有一个真正的睡眠，而不是在代码执行之前有一段延迟。
当前回答
如果您真的需要等待那么多秒，那么当前接受的使用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+）
其他回答
如果您想要在所有浏览器上都可用的代码，请使用setTimeout（）和clearTimeout（（）。如果您深入阅读答案，您可能会注意到，接受的答案打破了Internet Explorer 11中所有JavaScript编译，使用此解决方案后，大约有5%的用户仍在使用此积极开发的浏览器并需要支持。
这几乎打破了一切。已知有报道称箭头函数破坏了Drupal、WordPress、Amazon AWS、IBM等软件的Internet Explorer 11功能，甚至在Stack Overflow上也有专门的讨论。
看看吧。。。
使用setTimeout（）和clearTimeout（。。。
工作JSBin演示
var超时；功能休眠（延迟）{if（超时）{clearTimeout（超时）；}timeout=setTimeout（函数）{myFunction（）；}，延迟）；}console.log（“休眠1秒”）；睡眠（1000）；函数myFunction（）{console.log（“睡眠了1秒钟！”）；}
这可能会奏效。它在C和JavaScript中对我有用。
function sleep(time) {
var x = 0;
for(x = 0;x < time;x++) {/* Do nothing */}
}
这里大多数解决方案的问题是它们倒带堆栈。在某些情况下，这可能是一个大问题。在这个例子中，我展示了如何以不同的方式使用迭代器来模拟真实的睡眠。
在本例中，生成器正在调用自己的next（），因此一旦它启动，它就自己运行了。
var h = a();
h.next().value.r = h; // That's how you run it. It is the best I came up with
// Sleep without breaking the stack!!!
function *a(){
var obj = {};
console.log("going to sleep....2s")
setTimeout(function(){obj.r.next();}, 2000)
yield obj;
console.log("woke up");
console.log("going to sleep no 2....2s")
setTimeout(function(){obj.r.next();}, 2000)
yield obj;
console.log("woke up");
console.log("going to sleep no 3....2s")
setTimeout(function(){obj.r.next();}, 2000)
yield obj;
console.log("done");
}
我更喜欢这种功能型的单线睡眠功能：
const sleep = (ms) => new Promise((res) => setTimeout(res, ms, ms));
// usage
async function main() {
console.log("before");
const t = await sleep(10_000); /* 10 sec */
console.log("after " + t);
}
main();
我个人喜欢简单的：
function sleep(ms) {
return new Promise((resolve) => setTimeout(resolve, ms));
}
那么：
await sleep(2000); // Sleeps for 2 seconds
在p5.js中创建脚本时，我一直在使用它来创建假加载时间。
