在JavaScript中睡眠 - 在动作之间延迟

有没有办法在JavaScript执行另一个操作之前在JavaScript中睡觉？

例:

 var a = 1+3;
 // Sleep 3 seconds before the next action here
 var b = a + 4;

Steve Harris.. 128

您可以使用setTimeout以达到类似的效果:

var a = 1 + 3;
var b;
setTimeout(function() {
    b = a + 4;
}, (3 * 1000));

这并没有真正"睡眠"JavaScript - 它只是执行在setTimeout一定时间后传递给的函数(以毫秒为单位).尽管可以为JavaScript编写睡眠函数,但最好尽可能使用setTimeout它,因为它不会在睡眠期间冻结所有内容.

您可以使用setTimeout以达到类似的效果:

var a = 1 + 3;
var b;
setTimeout(function() {
    b = a + 4;
}, (3 * 1000));

这并没有真正"睡眠"JavaScript - 它只是执行在setTimeout一定时间后传递给的函数(以毫秒为单位).尽管可以为JavaScript编写睡眠函数,但最好尽可能使用setTimeout它,因为它不会在睡眠期间冻结所有内容.

如果你真的需要一个sleep()公正的测试.但请注意,在调试时大多数情况下它会崩溃浏览器 - 这可能就是你无论如何都需要它的原因.在生产模式中,我将注释掉这个功能.

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()

'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();