有没有一种方法可以让我在 JavaScript 执行另一个操作之前先睡一觉？
例子：
var a = 1+3;
// Sleep 3 seconds before the next action here
var b = a + 4;
在 JavaScript 中睡眠 - 动作之间的延迟
IT技术
javascript
sleep
2021-02-06 13:43:09
6个回答
您可以使用setTimeout来达到类似的效果：
var a = 1 + 3;
var b;
setTimeout(function() {
b = a + 4;
}, (3 * 1000));
这并没有真正“休眠”JavaScript——它只是setTimeout在一定的持续时间（以毫秒为单位）后执行传递给的函数。尽管可以为 JavaScript 编写睡眠函数，但最好尽可能使用setTimeout它，因为它不会在睡眠期间冻结所有内容。
如果你真的需要一个sleep()just 来测试一些东西。但请注意，大多数情况下它会在调试时使浏览器崩溃 - 可能这就是您无论如何都需要它的原因。在生产模式下，我会注释掉这个功能。
function pauseBrowser(millis) {
var date = Date.now();
var curDate = null;
do {
curDate = Date.now();
} while (curDate-date < millis);
}
不要new Date()在循环中使用，除非您想浪费内存、处理能力、电池以及可能的设备寿命。
ECMAScript 6 版本，使用带有 yield 的生成器来实现“代码阻塞”：
因为最初的问题是七年前发布的，所以我没有费心用确切的代码来回答，因为它太简单了而且已经回答了。这应该有助于解决更复杂的问题，例如如果您需要至少两次睡眠，或者您计划对异步执行进行排序。随意修改它以满足您的需要。
let sleeptime = 100
function* clock()
{
let i = 0
while( i <= 10000 )
{
i++
console.log(i); // actually, just do stuff you wanna do.
setTimeout(
()=>
{
clk.next()
}
, sleeptime
)
yield
}
}
let clk = clock()
clk.next()您还可以通过Promises链接事件：
function sleep(ms)
{
return(
new Promise(function(resolve, reject)
{
setTimeout(function() { resolve(); }, ms);
})
);
}
sleep(1000).then(function()
{
console.log('1')
sleep(1000).then(function()
{
console.log('2')
})
})或者更简单，更不花哨的方式是
function sleep(ms, f)
{
return(
setTimeout(f, ms)
)
}
sleep(500, function()
{
console.log('1')
sleep(500, function()
{
console.log('2')
})
})
console.log('Event chain launched')如果你只是在等待某些条件发生，你可以像这样等待
function waitTill(condition, thenDo)
{
if (eval(condition))
{
thenDo()
return
}
setTimeout(
() =>
{
waitTill(condition, thenDo)
}
,
1
)
}
x=0
waitTill(
'x>2 || x==1'
,
() =>
{
console.log("Conditions met!")
}
)
// Simulating the change
setTimeout(
() =>
{
x = 1
}
,
1000
)2018年更新
最新的 Safari、Firefox 和 Node.js 现在也支持 async/await/promises。
使用异步/等待/Promise：
（截至 1/2017，Chrome 支持，但 Safari、Internet Explorer、Firefox、Node.js 不支持）
'use strict';
function sleep(ms) {
return new Promise(res => setTimeout(res, ms));
}
let myAsyncFunc = async function() {
console.log('Sleeping');
await sleep(3000);
console.log('Done');
}
myAsyncFunc();2017年更新
自从提出这个问题以来，JavaScript 已经发展，现在有了生成器功能，并且正在推出新的 async/await/Promise。下面有两种解决方案，一种具有适用于所有现代浏览器的生成器功能，另一种使用尚未在所有地方支持的新 async/await。
使用生成器函数：
'use strict';
let myAsync = (g) => (...args) => {
let f, res = () => f.next(),
sleep = (ms) => setTimeout(res, ms);
f = g.apply({sleep}, args); f.next();
};
let myAsyncFunc = myAsync(function*() {
let {sleep} = this;
console.log("Sleeping");
yield sleep(3000);
console.log("Done");
});
myAsyncFunc();请注意，这两种解决方案本质上都是异步的。这意味着 myAsyncFunc（在两种情况下）都会在睡眠时返回。
需要注意的是，这个问题不同于sleep() 的 JavaScript 版本是什么？请求者要求真正的睡眠（进程中没有其他代码执行）而不是操作之间的延迟。
另一种方法是使用 Promise 和 setTimeout（请注意，您需要在函数内部并使用 async 关键字将其设置为异步）：
async yourAsynchronousFunction () {
var a = 1+3;
await new Promise( (resolve) => {
setTimeout( () => { resolve(); }, 3000);
}
var b = a + 4;
}
其它你可能感兴趣的问题