有没有比以下的pausecomp函数(取自这里)更好的方式在JavaScript中实现sleep?
function pausecomp(millis)
{
var date = new Date();
var curDate = null;
do { curDate = new Date(); }
while(curDate-date < millis);
}
这不是JavaScript中的休眠-操作之间的延迟的重复；我需要在函数执行过程中进行真正的休眠，而不是在某段代码执行之前延迟。
var reloadAfter = 10; //seconds
var intervalId = setTimeout(function() {
//code you want to execute after the time waiting
}, reloadAfter * 1000); // 60000 = 60 sec = 1 min
总结一下（正如之前的答案所说）：
JavaScript 中没有内置的睡眠功能。您应该使用 setTimeout 或 setInterval 来实现类似的效果。
如果您真的想要，您可以通过像原始问题中显示的那样使用 for 循环来模拟睡眠功能，但这会让您的 CPU 疯狂工作。在 Web Worker 内部，另一种解决方案是对不响应的 IP 地址进行同步的 XMLHttpRequest 并设置适当的超时时间。这将避免 CPU 利用率问题。以下是一个代码示例：
// Works only inside a web worker
function sleep(milliseconds) {
var req = new XMLHttpRequest();
req.open("GET", "http://192.0.2.0/", false);
req.timeout = milliseconds;
try {
req.send();
} catch (ex) {
}
}
console.log('Sleeping for 1 second...');
sleep(1000);
console.log('Slept!');
console.log('Sleeping for 5 seconds...')
sleep(5000);
console.log('Slept!');睡眠1秒钟...
VM1537 js:17 Uncaught InvalidAccessError: 无法在文档中发出同步请求时设置超时属性：超时无法设置。sleep @ VM1537 js:17(anonymous function) @ VM1537 js:26 - Red PillJavaScript 版本的 sleep() 是什么？
这个问题已经在当前被接受的答案中回答了：
await new Promise(r => setTimeout(r, 1000));
将它放在一个名为sleep()的函数中，然后使用await sleep()是个好主意。
为了使用它，需要一些上下文：
function sleep (ms) { return new Promise(r => setTimeout(r, ms)); }
(async function slowDemo () {
console.log('Starting slowDemo ...');
await sleep(2000);
console.log('slowDemo: TWO seconds later ...');
})();
(async function fastDemo () {
console.log('Starting fastDemo ...');
await sleep(500);
for (let i = 1; i < 6; i++) {
console.log('fastDemo: ' + (i * 0.5) + ' seconds later ...');
await sleep(500);
}
})();.as-console-wrapper { max-height: 100% !important; top: 0; }但是假设slowDemo产生了fastDemo依赖的某些结果.
在这种情况下，slowDemo必须完成运行才能启动fastDemo：
function sleep (ms) { return new Promise(r => setTimeout(r, ms)); }
(async () => {
await (async function slowDemo () {
console.log('Starting slowDemo ...');
await sleep(2000);
console.log('slowDemo: TWO seconds later ... completed!');
})();
(async function fastDemo () {
console.log('Starting fastDemo ...');
await sleep(500);
let i = -2;
for (i = 1; i < 5; i++) {
console.log('fastDemo: ' + (i * 0.5) + ' seconds later ...');
await sleep(500);
}
console.log('fastDemo: ' + (i * 0.5) + ' seconds later. Completed!');
})();
})();.as-console-wrapper { max-height: 100% !important; top: 0; }如果您需要等待很多秒钟，那么使用async/await和setTimeout的当前解决方案是完美的。然而，如果您将其用于屏幕动画，则应该真正使用requestAnimationFrame()。这个函数与setTimeout非常相似，但是只有在动画对用户可见时才调用回调函数。这意味着，如果您在网站上运行动画并且用户切换选项卡，则动画将暂停并节省电池寿命。
以下是使用requestAnimationFrame实现wait方法的示例。它接受一定数量的帧，并在所有帧都经过后解析：
const waitFrames = (frames) =>
new Promise((resolve) => {
let framesPassed = 0;
requestAnimationFrame(function loop() {
if (++framesPassed >= frames) return resolve();
requestAnimationFrame(loop);
});
});
// typewriter effect for demonstration
const content = document.querySelector(".content");
async function typeWriter(endText, frames) {
content.textContent = "";
for (const letter of endText) {
content.textContent += letter;
await waitFrames(frames);
}
}
typeWriter("Okay. This simple typewriter effect is an example of requestAnimationFrame.", 8);<p>
The animation will play below; Try switching tabs and see that
the animation pauses.
</p>
<code class="content"></code>for (let e = performance.now() + 2000; performance.now() < e; ) {}
在这里使用setTimeout回调，即使它几乎立即进入事件队列，也要等待至少两秒钟才会被调用：
setTimeout(function() {
console.log("timeout finished");
}, 0);
for (let e = performance.now() + 2000; performance.now() < e; ) {}
console.log("haha wait for me first");
haha wait for me first
timeout finished
const sleep = (ms) => {
return new Promise((resolve) => {
setTimeout(resolve, ms);
});
}
await sleep(3000);
const sleep = (ms) => {
return new Promise(resolve => setTimeout(resolve, ms));
}
sleep()方法，该方法是在C中本地实现的，因此它可以有效地实现等待效果，而不会阻塞事件循环或使CPU负载达到100%。#!/usr/bin/env node
// Requires `npm install --save deasync`
var sleep = require("deasync").sleep;
sleep(5000);
console.log ("Hello World!!");
但是，如果您需要一个 纯 JavaScript 函数（例如，在浏览器端运行它），我很抱歉地说，我认为您的 pausecomp() 函数是唯一的方法，而且更重要的是：
它不仅暂停了您的函数，还暂停了整个事件循环。因此，没有其他事件会被处理。
它使您的 CPU 负载达到 100%。
因此，如果您需要在浏览器脚本中使用它，并且不想出现这些可怕的影响，我必须告诉您应该重新考虑一下您的函数：
a). 您可以在超时后重新调用它（或调用一个 do_the_rest() 函数）。如果您不期望从函数中得到任何结果，则这是最简单的方法。
b). 或者，如果您需要等待结果，那么您应该转而使用 promises（或回调地狱，当然 ;-))。
不需要结果的示例：
function myFunc() {
console.log ("Do some things");
setTimeout(function doTheRest(){
console.log ("Do more things...");
}, 5000);
// Returns undefined.
};
myFunc();
一个返回 Promise 的示例（注意它会改变你的函数用法）：
function myFunc(someString) {
return new Promise(function(resolve, reject) {
var result = [someString];
result.push("Do some things");
setTimeout(function(){
result.push("Do more things...");
resolve(result.join("\n"));
}, 5000);
});
};
// But notice that this approach affect to the function usage...
// (It returns a promise, not actual data):
myFunc("Hello!!").then(function(data){
console.log(data);
}).catch(function(err){
console.error(err);
});
如果你真的想要暂停一个脚本，你可以这样做：
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游戏中使用它。
如果你正在寻找以下替代方案：
let sleep = ms => new Promise(res=>setTimeout(res,ms));
然后使用这个：
let sleep = async ms => void await Atomics.waitAsync(new Int32Array(new SharedArrayBuffer(4)), 0, 0, ms).value;
let sleep = async ms => void await Atomics.waitAsync(new Int32Array(new SharedArrayBuffer(4)), 0, 0, ms).value;
void async function() {
console.log(1);
await sleep(2000);
console.log(2);
}()setTimeout相比，这种方法的优势是什么？ - mousetailfunction wait(ms) {
const start = performance.now();
while(performance.now() - start < ms);
}
sleep()来计时动画。（我知道有更好的方法...）提问者提供的代码在 Chrome 中对我无效，因为浏览器不会在脚本中进行修改后立即更新 DOM，而是等待代码执行完成后再进行任何 DOM 更新，因此脚本会等待所有延迟的总和，然后一次性应用所有 DOM 更新。 - Ari Fordsham