有没有比下面的pausecomp函数（取自此处）更好的方法来设计JavaScript中的睡眠？
function pausecomp(millis)
{
var date = new Date();
var curDate = null;
do { curDate = new Date(); }
while(curDate-date < millis);
}
这不是JavaScript中的Sleep的重复-动作之间的延迟；我希望在函数的中间有一个真正的睡眠，而不是在代码执行之前有一段延迟。
当前回答
我也遇到过类似的问题，必须等待控件的存在并每隔一段时间进行检查。由于JavaScript中没有真正的休眠、等待或暂停，并且Internet Explorer中不正确支持使用wait/async，因此我使用setTimeOut并注入函数以成功找到元素。以下是完整的示例代码，因此每个人都可以复制并将其用于自己的项目：
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
var ElementSearchStatus = {
None: 0,
Found: 1,
NotFound: 2,
Timeout: 3
};
var maxTimeout = 5;
var timeoutMiliseconds = 1000;
function waitForElement(elementId, count, timeout, onSuccessFunction) {
++count;
var elementSearchStatus = existsElement(elementId, count, timeout);
if (elementSearchStatus == ElementSearchStatus.None) {
window.setTimeout(waitForElement, timeoutMiliseconds, elementId, count, timeout, onSuccessFunction);
}
else {
if (elementSearchStatus == ElementSearchStatus.Found) {
onSuccessFunction();
}
}
}
function existsElement(elementId, count, timeout) {
var foundElements = $("#" + elementId);
if (foundElements.length > 0 || count > timeout) {
if (foundElements.length > 0) {
console.log(elementId + " found");
return ElementSearchStatus.Found;
}
else {
console.log("Search for " + elementId + " timed out after " + count + " tries.");
return ElementSearchStatus.Timeout;
}
}
else {
console.log("waiting for " + elementId + " after " + count + " of " + timeout);
return ElementSearchStatus.None;
}
}
function main() {
waitForElement("StartButton", 0, maxTimeout, function () {
console.log("found StartButton!");
DoOtherStuff("StartButton2")
});
}
function DoOtherStuff(elementId) {
waitForElement(elementId, 0, maxTimeout, function () {
console.log("found " + elementId);
DoOtherStuff("StartButton3");
});
}
</script>
</head>
<body>
<button type="button" id="StartButton" onclick="main();">Start Test</button>
<button type="button" id="StartButton2" onclick="alert('Hey ya Start Button 2');">Show alert</button>
</body>
</html>
其他回答
function sleep(milliseconds) {
var start = new Date().getTime();
for (var i = 0; i < 1e7; i++) {
if ((new Date().getTime() - start) > milliseconds){
break;
}
}
}
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转换为生成器插件。
在JavaScript中，我重写了每个函数，以便它能够尽快结束。您希望浏览器恢复控制，以便它可以更改DOM。
每次我想在函数中间休眠时，我都会重构以使用setTimeout（）。
Edit
任何语言中臭名昭著的睡眠或延迟功能都备受争议。有些人会说，应该总是有一个信号或回调来启动给定的功能，而另一些人会认为，有时任意的延迟时间是有用的。我说，每个人都有自己的规则，在这个行业中，一条规则永远无法支配任何事情。
编写睡眠函数很简单，而且使用JavaScript Promises更容易使用：
// sleep time expects milliseconds
function sleep (time) {
return new Promise((resolve) => setTimeout(resolve, time));
}
// Usage!
sleep(500).then(() => {
// Do something after the sleep!
});
对于希望将循环执行的一组调用隔开的特定情况，可以使用类似于下面代码的原型。如果没有原型，可以用setTimeout替换延迟函数。
function itemHandler(item)
{
alert(item);
}
var itemSet = ['a','b','c'];
// Each call to itemHandler will execute
// 1 second apart
for(var i=0; i<itemSet.length; i++)
{
var secondsUntilExecution = i;
itemHandler.delay(secondsUntilExecution, item)
}
有一个新的库Sequencr.js，它将函数与超时巧妙地链接在一起，这样就可以避免回调。
结果是：
setTimeout(function(timeout){
function1();
setTimeout(function(timeout){
function2();
setTimeout(function(timeout){
function3();
}, timeout, timeout)
}, timeout, timeout)
}, 10, 10);
在这方面：
Sequencr.chain([function1, function2, function3], 10);
并且内置支持在每次迭代之间“休眠”的循环。
