（见2016年更新答案）

我认为想要执行一个动作，等待，然后执行另一个动作是完全合理的。如果您习惯于用多线程语言编写，那么您可能会有一个想法，即在线程唤醒之前，在一定的时间内执行。

这里的问题是JavaScript是一个基于单线程事件的模型。虽然在特定情况下，让整个发动机等待几秒钟可能会很好，但一般来说这是不好的做法。假设我想在编写自己的函数时使用您的函数？当我调用你的方法时，我的方法都会冻结。如果JavaScript能够以某种方式保存函数的执行上下文，将其存储在某个地方，然后将其带回并稍后继续，那么睡眠可能会发生，但这基本上就是线程。

因此，你基本上坚持了别人的建议——你需要将代码分解为多个函数。

那么，你的问题有点错误。没有办法按照你想要的方式睡觉，你也不应该追求你建议的解决方案。

出于对$DEITY的热爱，请不要使用忙等待睡眠功能。setTimeout和setInterval可以满足您的需要。

var showHide=document.getElementById（'showHide'）；setInterval（（）=>{showHide.style.visibility=“初始”；setTimeout（（）=>{showHide.style.visibility=“隐藏”}, 1000);}, 2000); ＜div id=“showHide”＞您好！再见</分区>

每隔两秒隐藏文本一秒。这显示了如何使用setInterval和setTimeout每秒显示和隐藏文本。

setTimeout是JavaScript异步方法的一部分（开始执行的方法，其结果将在将来某个时候返回到一个名为回调队列的组件，稍后将执行）

您可能想做的是将setTimeout函数包装在Promise中。

承诺示例：

constsleep=time=>newPromise（res=>setTimeout（res，time，“已完成睡眠”））；//使用本机承诺sleep（2000）.then（msg=>console.log（msg））；

异步/等待示例：

constsleep=time=>newPromise（res=>setTimeout（res，time，“已完成睡眠”））；//在顶层使用异步/等待（异步函数（）{const msg=等待睡眠（2000）；console.log（消息）；})();

阅读有关setTimeout的更多信息

如果你写一个这样的睡眠函数

var sleep = function(period, decision, callback){
    var interval = setInterval(function(){
        if (decision()) {
            interval = clearInterval(interval);
            callback();
        }
    }, period);
}

你有一个异步函数可以多次调用，

var xhr = function(url, callback){
    // Make an Ajax request
    // Call a callback when the request fulfils
}

您的项目设置如下：

var ready = false;

function xhr1(){
    xhr(url1, function(){ ready = true;});
}
function xhr2(){
    xhr(url2, function(){ ready = true; });
}
function xhr3(){
    xhr(url3, function(){ ready = true; });
}

然后您可以执行以下操作：

xhr1();
sleep(100, function(){ return done; }, xhr2);
sleep(100, function(){ return done; }, xhr3);
sleep(100, function(){ return done; }, function(){
    // Do more
});

而不是像这样无休止的回调缩进：

xhr(url1, function(){
    xhr2(url2, function(){
        xhr3(url3, function(){
            // Do more
        });
    });
});

我更喜欢这种功能型的单线睡眠功能：

const sleep = (ms) => new Promise((res) => setTimeout(res, ms, ms));

// usage
async function main() {
  console.log("before");
  const t = await sleep(10_000); /* 10 sec */
  console.log("after " + t);
}
main();

使用TypeScript：

这里有一个可以等待的快速sleep（）实现。这与上面的答案尽可能相似。它在功能上是等效的，除了ms被键入为TypeScript的数字。

const sleep = (ms: number) =>
  new Promise((resolve) => setTimeout(resolve, ms));

async function demo() {
  console.log('Taking a break for 2s (2000ms)...');
  await sleep(2000);
  console.log('Two seconds later');
}

demo();

就这样。等待睡眠（＜持续时间＞）。

注意，

await只能在前缀为async关键字的函数中执行，或者在某些环境中在脚本的顶层执行（例如，Chrome DevTools控制台或Runkit）。await只暂停当前的异步函数。