有没有比下面的pausecomp函数（取自此处）更好的方法来设计JavaScript中的睡眠？
function pausecomp(millis)
{
var date = new Date();
var curDate = null;
do { curDate = new Date(); }
while(curDate-date < millis);
}
这不是JavaScript中的Sleep的重复-动作之间的延迟；我希望在函数的中间有一个真正的睡眠，而不是在代码执行之前有一段延迟。
当前回答
我个人喜欢简单的：
function sleep(ms) {
return new Promise((resolve) => setTimeout(resolve, ms));
}
那么：
await sleep(2000); // Sleeps for 2 seconds
在p5.js中创建脚本时，我一直在使用它来创建假加载时间。
其他回答
如果你喜欢建议，不要失去表现。setTimeout是您的预期睡眠。然而，如果您需要一种语法，其中代码被睡眠“中间分割”，我们可以这样做：
sleep = function(tm, fn){
window.setTimeout(fn, tm);
}
然后，准备如下功能：
var fnBeforeSleep = function(){
// All code before sleep
}
var fnAfterSleep = function(){
// All code after sleep
}
然后：
fnBeforeSleep();
sleep(2000, fnAfterSleep);
// Yep! Syntactically, it is very close to:
fnBeforeSleep();
sleep(2000);
fnAfterSleep();
需要使用“休眠”方法的对象的方法，如下所示：
function SomeObject() {
this.SomeProperty = "xxx";
return this;
}
SomeObject.prototype.SomeMethod = function () {
this.DoSomething1(arg1);
sleep(500);
this.DoSomething2(arg1);
}
几乎可以翻译为：
function SomeObject() {
this.SomeProperty = "xxx";
return this;
}
SomeObject.prototype.SomeMethod = function (arg1) {
var self = this;
self.DoSomething1(arg1);
setTimeout(function () {
self.DoSomething2(arg1);
}, 500);
}
不同之处在于，“SomeMethod”操作在执行操作“DoSomething2”之前返回。“SomeMethod”的调用者不能依赖于此。由于“睡眠”方法不存在，我使用后一种方法并相应地设计代码。
我有这个问题很久了，我需要的答案并不完全是这里提供的。此等待函数会导致同步等待，而不会占用CPU。
函数waitForIt向任何地方发出Ajax请求，并将异步标志设置为false。函数waitF对一个帧执行相同的操作，函数waitD对一个div执行相同的处理。Ajax大约需要100毫秒，frame大约是25，div大约是1。
wait函数根据您给它的时间来利用所有这些。如果它等待的时间不够长，请再次执行。
在处理多个异步加载元素时，我需要这个。基本上是“等待此元素存在”。你可以在https://jsfiddle.net/h2vm29ue/.它只是利用了浏览器自然等待的东西。较长的版本，https://jsfiddle.net/5cov1p0z/32/，更精确。
function waitForIt() {
var start = new Date();
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// Doesn't matter
}
};
xhttp.open("GET", "WaitForIt", false);
xhttp.send();
var end = new Date();
}
//
function waitF() {
var start = new Date();
var ifram = document.createElement('iframe');
ifram.id = 'ifram';
ifram.src = '';
var div = document.createElement('div');
div.id = 'timer';
document.body.appendChild(div);
document.getElementById('timer').appendChild(ifram);
document.getElementById('timer').removeChild(ifram);
document.body.removeChild(div);
var end = new Date();
return (end - start);
}
function waitD() {
var start = new Date();
var div = document.createElement('div');
div.id = 'timer';
document.body.appendChild(div);
div.click();
document.body.removeChild(div);
var end = new Date();
return (end - start);
}
function wait(time) {
var start = new Date();
var end = new Date();
while ((end - start < time)) {
if ((time - (end - start)) >= 200) {
waitForIt();
} else {
if ((time - (end - start)) >= 50) {
waitF();
} else {
waitD();
}
}
end = new Date();
}
return (end - start);
}
我同意其他海报。忙着睡觉是个坏主意。
但是，setTimeout不支持执行。它在超时设置后立即执行函数的下一行，而不是在超时过期后执行，因此无法完成睡眠所能完成的任务。
方法是将你的功能分解为前后两部分。
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，以执行它排队的任何其他代码。
正如评论中指出的那样，这绝对不会在循环中工作。你可以做一些花哨的（丑陋的）黑客来让它在一个循环中工作，但总的来说，这只会导致灾难性的意大利面条代码。
如果确实要暂停脚本，可以执行以下操作：
var milliseconds;
var pretime;
var stage;
function step(time){
switch(stage){
case 0:
//Code before the pause
pretime=time;
milliseconds=XXX;
stage=1;
break;
case 1:
//Code that is looped through while paused
if(time-pretime >= milliseconds){
//Code after the pause
pretime=time;
milliseconds=XXX;
stage=2;
}
break;
case 2:
//Code that is looped through while paused
if(time-pretime >= milliseconds){
//Code after the pause
pretime=time;
milliseconds=XXX;
stage=3;
}
break;
case 3:
//Etc...
}
Window.requestAnimationFrame(step)
}
step();
如果您使用循环，这可能正是您想要的，并且您可以以某种方式对其进行更改，从而获得伪多线程，其中一些函数等待一段时间，其他函数正常运行。我一直在纯JavaScript游戏中使用这个。
