有没有比以下的pausecomp函数(取自这里)更好的方式在JavaScript中实现sleep?
function pausecomp(millis)
{
var date = new Date();
var curDate = null;
do { curDate = new Date(); }
while(curDate-date < millis);
}
这不是JavaScript中的休眠-操作之间的延迟的重复；我需要在函数执行过程中进行真正的休眠，而不是在某段代码执行之前延迟。
自 Node.js 16+ 开始，现在提供了 setTimeout() 的新版本，支持 Promise:
import { setTimeout as sleep } from 'timers/promises'
console.log('Hello!')
await sleep(2000) // [2 seconds]
console.log('Goodbye, after 2 seconds!')
import { setTimeout as sleep} from 'timers/promises'; 或 const { setTimeout: sleep } = require('timers/promises'); - Mercury我个人偏爱简单：
function sleep(ms) {
return new Promise((resolve) => setTimeout(resolve, ms));
}
然后：
await sleep(2000); // Sleeps for 2 seconds
我一直在使用它来创建虚假的加载时间，在p5.js中创建脚本时。
这里是代码，不要作为一个坏的开发者在网站上使用它，因为它是一个开发工具函数。
// Basic sleep function based on ms.
// DO NOT USE ON PUBLIC FACING WEBSITES.
function sleep(ms) {
var unixtime_ms = new Date().getTime();
while(new Date().getTime() < unixtime_ms + ms) {}
}
这里有一个使用同步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 脚本），您可以使用一些在线服务来代替。例如：
function sleep(n) {
var request = new XMLHttpRequest();
request.open('GET', 'http://httpstat.us/200?sleep=' + n, false);
request.send(null);
};
sleep(1000);
console.log("one second delay completed.");关于将asynchronous参数设置为false，mdn指出：
在主线程上进行同步请求很容易干扰用户体验，应该避免；事实上，许多浏览器已经完全废弃了主线程同步XHR支持。同步请求在Worker中是允许的。
传递给服务器的毫秒数将会是服务器在接收请求和发送响应之间等待的时间。而由传输和服务器负载引起的延迟将被添加到该时间上。
setTimeout()，但是如果这样做意味着要解开1000行的回调函数，那么这可能就不像一个玩笑了。 - pguardiariosleep(300)而网站响应需要150毫秒的时间，那么JavaScript代码将会休眠450毫秒。如果浏览器失去了网络连接，它只会工作0毫秒。因此，这不是一个更好的解决方案。 - Harendra Chauhan一个内联样式：
(async () => await new Promise(resolve => setTimeout(resolve, 500)))();
这里的 500 是虚拟机在等待执行下一行代码之前等待的时间（单位为毫秒）。
简单来说：
创建一个 Promise 时，它返回一个可观察对象，同时在创建时提供一个回调函数的 resolve 引用，用于在数据/响应可用时传递。这里，经过 500 毫秒后通过 setTimeOut 调用 resolve ，在 resolve 没有执行之前，外部作用域会等待进一步处理，从而创建一个假的阻塞。这与非阻塞（或其他语言中可用的非线程保留睡眠）完全不同，因为线程以及可能的 UI 和网页/节点应用程序中的任何其他正在进行的任务将被阻塞，并且主线程将专门用于等待 Promise 解析。
await new Promise(resolve => setTimeout(resolve, sleepMiliseconds))。 - Matias Haeussler使用Atomics.wait的2019更新
它应该在Node.js 9.3或更高版本中运行。
我需要一个相当精确的计时器在Node.js中，它对此非常有效。
然而，在浏览器中似乎支持极其有限。
let ms = 10000;
Atomics.wait(new Int32Array(new SharedArrayBuffer(4)), 0, 0, ms);运行了几个10秒计时器基准测试。
使用setTimeout，我得到了高达7000微秒（7ms）的误差。
使用原子操作，我的误差似乎保持在600微秒（0.6ms）以下。
2020年更新：总结
function sleep(millis){ // Need help of a server-side page
let netMillis = Math.max(millis-5, 0); // Assuming 5 ms overhead
let xhr = new XMLHttpRequest();
xhr.open('GET', '/sleep.jsp?millis=' + netMillis + '&rand=' + Math.random(), false);
try{
xhr.send();
}catch(e){
}
}
function sleepAsync(millis){ // Use only in async function
let netMillis = Math.max(millis-1, 0); // Assuming 1 ms overhead
return new Promise((resolve) => {
setTimeout(resolve, netMillis);
});
}
function sleepSync(millis){ // Use only in worker thread, currently Chrome-only
Atomics.wait(new Int32Array(new SharedArrayBuffer(4)), 0, 0, millis);
}
function sleepTest(){
console.time('sleep');
sleep(1000);
console.timeEnd('sleep');
}
async function sleepAsyncTest(){
console.time('sleepAsync');
await sleepAsync(1000);
console.timeEnd('sleepAsync');
}
function sleepSyncTest(){
let source = `${sleepSync.toString()}
console.time('sleepSync');
sleepSync(1000);
console.timeEnd('sleepSync');`;
let src = 'data:text/javascript,' + encodeURIComponent(source);
console.log(src);
var worker = new Worker(src);
}
sleep.jsp，看起来像：<%
try{
Thread.sleep(Long.parseLong(request.getParameter("millis")));
}catch(InterruptedException e){}
%>
首先:
像这样定义一个你想要执行的函数:
function alertWorld(){
alert("Hello, World!");
}
然后使用setTimeout方法安排其执行：
setTimeout(alertWorld, 1000)
请注意以下两点：
让事情看起来更符合大多数人的期望的更好解决方案是使用匿名函数：
alert('start');
var a = 'foo';
// Lots of code
setTimeout(function(){ // Beginning of code that should run AFTER the timeout
alert(a);
// Lots more code
}, 5000); // Put the timeout here
这可能是最接近你所需的东西了。
请注意，如果需要多次休眠，此方法可能会变得非常麻烦，你可能需要重新考虑你的设计。
没有任何依赖关系的最短解决方案:
await new Promise(resolve => setTimeout(resolve, 5000));
await new Promise(function(resolve) { setTimeout(resolve, 5000); });。 - k06asetTimeout是JavaScript异步方法的一部分（这些方法开始执行，其结果将在未来的某个时间排队到一个称为回调队列的组件中，稍后执行）
你可能想要做的是将setTimeout函数包装在一个Promise中。
promise示例：
const sleep = time => new Promise(res => setTimeout(res, time, "done sleeping"));
// using native promises
sleep(2000).then(msg => console.log(msg));const sleep = time => new Promise(res => setTimeout(res, time, "done sleeping"));
// using async/await in top level
(async function(){
const msg = await sleep(2000);
console.log(msg);
})();了解更多关于setTimeout的信息
sleep()来计时动画。（我知道有更好的方法...）提问者提供的代码在 Chrome 中对我无效，因为浏览器不会在脚本中进行修改后立即更新 DOM，而是等待代码执行完成后再进行任何 DOM 更新，因此脚本会等待所有延迟的总和，然后一次性应用所有 DOM 更新。 - Ari Fordsham