有没有比以下的pausecomp函数(取自这里)更好的方式在JavaScript中实现sleep?
function pausecomp(millis)
{
var date = new Date();
var curDate = null;
do { curDate = new Date(); }
while(curDate-date < millis);
}
这不是JavaScript中的休眠-操作之间的延迟的重复；我需要在函数执行过程中进行真正的休眠，而不是在某段代码执行之前延迟。
自2009年提出此问题以来，JavaScript已经发生了很大的变化。所有其他答案现在都已过时或过于复杂。以下是当前最佳实践:
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
或者作为一行代码：
await new Promise(r => setTimeout(r, 2000));
const sleep = ms => new Promise(r => setTimeout(r, ms));
const sleep = (ms: number) => new Promise((r) => setTimeout(r, ms));
使用方法如下：
await sleep(<duration>);
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
async function demo() {
for (let i = 0; i < 5; i++) {
console.log(`Waiting ${i} seconds...`);
await sleep(i * 1000);
}
console.log('Done');
}
demo();await 只能在带有 async 关键字前缀的函数中执行，或者在越来越多的环境的脚本顶层执行。await 只会暂停当前的 async 函数。这意味着它不会阻塞脚本的其余部分的执行，在绝大多数情况下都是您想要的。如果您确实需要一个阻塞构造，请参见 这个答案 使用 Atomics.wait，但请注意，大多数浏览器将不允许在浏览器的主线程上执行它。两个新的 JavaScript 特性（截至 2017 年）帮助编写了此“休眠”函数：
async/await功能让代码明确等待一个Promise的解决（resolve）或拒绝（reject）。async/await已经在V8中实现，并且自Chrome 55（于2016年12月发布）以来默认启用
async/await，并且需要使用transform-async-to-generator插件进行转换。
await new Promise(r => setTimeout(() => r(), 2000)); - phil294(请查看2016年更新版的答案)
我认为想要执行一个操作，等待一段时间后再执行另一个操作是完全合理的。如果你习惯于编写多线程语言，你可能会想到让线程休眠一段时间并等待唤醒。
问题在于JavaScript是单线程事件驱动模型。虽然在某些特定情况下，整个引擎等待几秒钟可能很好，但通常这是不好的做法。假设我想在编写自己的函数时利用你的函数？当我调用你的方法时，我的方法将全部冻结。如果JavaScript能够以某种方式保留函数的执行上下文，在某处存储它，然后将其带回并稍后继续执行，那么可以进行睡眠，但这基本上就成了多线程。
因此，你基本上只能使用其他人建议的方法--需要将代码拆分成多个函数。
因此，你提出的问题有些错误。无法以你想要的方式进行休眠，也不应该追求你建议的解决方案。
sleep()的原因，并且通常有更好的方法来解决问题。但我认为引擎将所有事情联系在一起的方式是一个设计缺陷；语言本身可以有一个sleep()函数，它只对特定的脚本、页面或函数进行限制，而不会像疯子一样占用CPU并冻结应用程序。现在已经是2015年了，你不应该用while(1)来崩溃整个浏览器。我们有Flash之类的工具可以实现这样的功能。 - BeejorsetTimeout()。
// sleep time expects milliseconds
function sleep (time) {
return new Promise((resolve) => setTimeout(resolve, time));
}
// Usage!
sleep(500).then(() => {
// Do something after the sleep!
});
function foobar(el) { setTimeout(function() { foobar_cont(el); }, 5000); } - chaosfor(i=0; i<5; i++) { (function(i) { setTimeout(function() { console.log(i); }, 1000*i); })(i); } 该代码是一个循环，它使用闭包和setTimeout函数在每秒钟打印一个数字，并保证了循环变量i的正确性。 - sorkifunction sleepFor(sleepDuration){
var now = new Date().getTime();
while(new Date().getTime() < now + sleepDuration){ /* Do nothing */ }
}
使用示例：
function sleepFor(sleepDuration){
var now = new Date().getTime();
while(new Date().getTime() < now + sleepDuration){
/* Do nothing */
}
}
function sleepThenAct(){
sleepFor(2000);
console.log("Hello, JavaScript sleep!");
}
sleepThenAct()我同意其他帖子的观点。繁忙的睡眠只是一个坏主意。
然而，setTimeout不会阻塞执行。它会在设置timeout后立即执行函数的下一行，而不是在超时后执行，所以这不能实现与sleep相同的任务。
做法是将函数分解为前部和后部。
function doStuff()
{
// Do some things
setTimeout(continueExecution, 10000) // Wait ten seconds before continuing
}
function continueExecution()
{
// Finish doing things after the pause
}
确保你的函数名称仍准确描述每个部分正在执行的操作（例如，GatherInputThenWait和CheckInput，而不是funcPart1和funcPart2）
该方法实现了在超时之前不执行您决定的代码行，同时仍将控制返回给客户端 PC 以执行其排队的任何其他内容的目的。
正如评论中指出的那样，这在循环中绝对不起作用。您可以进行一些花哨（丑陋）的黑客攻击，使其在循环中起作用，但通常情况下，这只会导致灾难性的意大利面式代码。
function foo(index) { setTimeout(function() { foo_continue(index); }, 10000); } 和 for(var X = 0; X < 3;X++) { foo(X); } - X 的值被传递给了 foo，然后在最终调用 foo_continue 时，在名为 index 的变量下得到了重用。 - Izkatafoo(index) { console.log(c[index-1]);和foo_continue(index) { c[index]=index; }吗？你会发现，无论是使用setTimeout还是虚构的sleep()命令，结果都不同。 - Alexanderconsole.log()放入foo_continue()中，您将获得相同的结果。 - IzkatasetTimeout 和 setInterval 就可以满足你的需求。var showHide = document.getElementById('showHide');
setInterval(() => {
showHide.style.visibility = "initial";
setTimeout(() => {
showHide.style.visibility = "hidden"
}, 1000);
}, 2000); <div id="showHide">Hello! Goodbye!</div>每两秒钟隐藏一秒钟的文本。这展示了如何使用 setInterval 和 setTimeout 每秒钟显示和隐藏文本。
如果你和我一样正在使用Rhino来编写JavaScript，那么你可以使用...
try
{
java.lang.Thread.sleep(timeInMilliseconds);
}
catch (e)
{
/*
* This will happen if the sleep is woken up - you might want to check
* if enough time has passed and sleep again if not - depending on how
* important the sleep time is to you.
*/
}
使用：
await new Promise(resolve => setTimeout(resolve, 2000));
如果你在使用jQuery，有人实际上创建了一个“delay”插件，它只是setTimeout的一个包装器：
// Delay Plugin for jQuery
// - http://www.evanbot.com
// - © 2008 Evan Byrne
jQuery.fn.delay = function(time,func){
this.each(function(){
setTimeout(func,time);
});
return this;
};
然后你可以像预期的那样，在一系列的函数调用中使用它：
$('#warning')
.addClass('highlight')
.delay(1000)
.removeClass('highlight');
.delay() 已成为 jQuery 的一部分（尽管其语义与上述实现有所不同）。http://api.jquery.com/delay/ - Matt Ball我也搜索了解决睡眠问题的方法（仅用于开发和测试，而非生产代码），找到了这篇文章：
...... 这里还有一篇关于客户端方案的文章：JavaScript sleep
另外，在调用 alert() 时，你的代码也会被暂停，直到警告显示出来——你需要找到一种不显示警告，但获得同样效果的方法。 :)
sleep()来计时动画。（我知道有更好的方法...）提问者提供的代码在 Chrome 中对我无效，因为浏览器不会在脚本中进行修改后立即更新 DOM，而是等待代码执行完成后再进行任何 DOM 更新，因此脚本会等待所有延迟的总和，然后一次性应用所有 DOM 更新。 - Ari Fordsham