sleep（）的JavaScript版本是什么？

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

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

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

当前回答

这里有一个使用同步XMLHttpRequest的简单解决方案：

function sleep(n){
  var request = new XMLHttpRequest();
  request.open('GET', '/sleep.php?n=' + n, false);  // `false` makes the request synchronous
  request.send(null);
}

sleep.php文件的内容：

<?php sleep($_GET['n']);

现在用以下方式调用它：

sleep(5);

使用现有服务器实现

如果您没有自己的应用程序服务器（对于上面的PHP脚本），可以使用一些在线服务。例如：

函数睡眠（n）{var request=new XMLHttpRequest（）；request.open（'GET'，'http://httpstat.us/200?sleep='+n，假）；request.send（空）；};睡眠（1000）；console.log（“一秒延迟完成”）；

支持

关于为异步参数传递false，mdn注意到：

主线程上的同步请求很容易破坏用户体验，应该避免；事实上，许多浏览器已完全弃用主线程上的同步XHR支持。Workers中允许同步请求。

实际延迟时间

作为参数传递的毫秒数将是服务器在接收请求和发送响应之间等待的时间。传输和服务器负载所引起的延迟将被添加到其中。

2014-11-03 23:22:20

其他回答

2017-2021更新

自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>);

演示：

功能睡眠（ms）{return new Promise（resol=>setTimeout（resolve，ms））；}异步函数demo（）{for（设i=0；i<5；i++）{console.log（`等待${i}秒…`）；等待睡眠（i*1000）；}console.log（'Done'）；}demo（）；

注意，

await只能在前缀为async关键字的函数中执行，或者在越来越多的环境中在脚本的顶层执行。await只暂停当前的异步函数。这意味着它不会阻止脚本的其余部分的执行，这在大多数情况下都是您想要的。如果您确实需要一个阻塞构造，请使用Atomics.wait查看这个答案，但请注意，大多数浏览器都不允许在浏览器的主线程上使用它。

两个新的JavaScript功能（截至2017年）帮助编写了这个“睡眠”函数：

Promises是ES2015（又称ES6）的原生功能。我们还在睡眠函数的定义中使用箭头函数。async/await特性允许代码显式地等待承诺（解决或拒绝）。

兼容性

承诺在Node v0.12+中得到支持，在浏览器中得到广泛支持，IE除外async/await登陆V8，自Chrome 55（2016年12月发布）以来默认启用它于2016年10月登陆Node 7并于2016年11月登陆Firefox Nightly

如果出于某种原因，您使用的Node早于7（已于2017年到期），或者针对的是旧浏览器，则仍可通过Babel（一种将JavaScript+新功能转换为普通旧JavaScript的工具）使用async/await，并使用将async-to-generator转换为生成器插件。

2016-10-07 09:44:56

到目前为止，我读到的每一个解决方案都是“让我们睡觉，看看明天发生了什么”。

setInterval（callback，time）将等待很长时间，然后调用回调，同时阻塞运行时。“setInterval”的当前实现远非线程保存，甚至不考虑并发性。

虽然上面提到的稀疏解决方案看起来像，猜猜看，C#（笑），但它们仍然不像在C#/.NET中那样工作。

JavaScript目前没有提供实现真正多线程的架构。最好的方法是TypeScript，但这仍然缺乏太多真正的解决方案，以至于它……令人痛苦。JavaScript、jQuery、AJAX、jNode，甚至TypeScript都只是一群依赖于实现者心情好坏的人。事实句点