sleep（）的JavaScript版本是什么？

这已经在当前接受的答案中得到了回答：

await new Promise(r => setTimeout(r, 1000));

两个异步函数同时运行

最好将它放在函数sleep（）中，然后等待睡眠（）。要使用它，需要一些上下文：

函数sleep（ms）｛return new Promise（r=>setTimeout（r，ms））；｝（异步函数slowDemo（）{console.log（“启动慢演示…”）；等待睡眠（2000）；console.log（'lowDemo:两秒后…'）；})();（异步函数fastDemo（）{console.log（'开始快速演示…'）；等待睡眠（500）；for（设i=1；i<6；i++）{console.log（'上次演示：'+（i*0.5）+'秒后…'）；等待睡眠（500）；}})();.作为控制台包装｛最大高度：100%！重要；顶部：0；｝

两个异步调用依次运行–一个接一个

但假设slowDemo产生的结果是fastDemo取决于。在这种情况下，在fastDemo开始之前，slowDemo必须运行到完成：

函数sleep（ms）｛return new Promise（r=>setTimeout（r，ms））；｝（异步（）=>{await（异步函数slowDemo（）{console.log（“启动慢演示…”）；等待睡眠（2000）；console.log（'slowDemo:两秒后…完成！'）；})();（异步函数fastDemo（）{console.log（'开始快速演示…'）；等待睡眠（500）；设i=-2；对于（i=1；i<5；i++）{console.log（'上次演示：'+（i*0.5）+'秒后…'）；等待睡眠（500）；}console.log（'fastDemo:'+（i*0.5）+'秒后。已完成！'）；})();})();.作为控制台包装｛最大高度：100%！重要；顶部：0；｝

有一个新的库Sequencr.js，它将函数与超时巧妙地链接在一起，这样就可以避免回调。

结果是：

setTimeout(function(timeout){
    function1();
    setTimeout(function(timeout){
        function2();
        setTimeout(function(timeout){
            function3();
        }, timeout, timeout)
    }, timeout, timeout)
}, 10, 10);

在这方面：

Sequencr.chain([function1, function2, function3], 10);

并且内置支持在每次迭代之间“休眠”的循环。

这里大多数解决方案的问题是它们倒带堆栈。在某些情况下，这可能是一个大问题。在这个例子中，我展示了如何以不同的方式使用迭代器来模拟真实的睡眠。

在本例中，生成器正在调用自己的next（），因此一旦它启动，它就自己运行了。

var h = a();
h.next().value.r = h; // That's how you run it. It is the best I came up with

// Sleep without breaking the stack!!!
function *a(){
    var obj = {};

    console.log("going to sleep....2s")

    setTimeout(function(){obj.r.next();}, 2000)
    yield obj;

    console.log("woke up");
    console.log("going to sleep no 2....2s")
    setTimeout(function(){obj.r.next();}, 2000)
    yield obj;

    console.log("woke up");
    console.log("going to sleep no 3....2s")

    setTimeout(function(){obj.r.next();}, 2000)
    yield obj;

    console.log("done");
}

我建议以前的python开发人员使用此方法

const sleep = (time) => {
   return new Promise((resolve) => setTimeout(resolve, Math.ceil(time * 1000)));
};

用法：

await sleep(10) // for 10 seconds

另一种可能的方式是：

var _timer;
clearTimeout(_timer);
_timer = setTimeout(function() {
    // Your code
}, 1000); // Delay for 1 s.

如果您使用jQuery，实际上有人创建了一个“延迟”插件，它只不过是setTimeout的包装器：

// Delay Plugin for jQuery
// - http://www.evanbot.com
// - © 2008 Evan Byrne

jQuery.fn.delay = function(time,func){
    this.each(function(){
        setTimeout(func,time);
    });

    return this;
};

然后，您可以按预期在一行函数调用中使用它：

$('#warning')
.addClass('highlight')
.delay(1000)
.removeClass('highlight');