如果您使用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');

我认为这个问题很好，指出了重要的观点和考虑因素。

话虽如此，我认为问题的核心在于意图和理解开发人员（您）想要控制什么。

首先，名称sleep是一个重载的命名选择。即，“什么”将被“睡眠”；作为一名开发人员，我控制着什么？

在任何语言引擎中，在任何OS进程上运行，在任何裸机或托管系统上，“开发人员”都不控制（拥有）OS共享资源CPU内核（和/或线程），除非他们正在编写OS/process系统本身。CPU是一种时间共享资源，工作执行进度的货币是分配给系统上要执行的所有工作的“周期”。

作为一名应用程序/服务开发人员，最好考虑我是由操作系统进程/语言引擎管理的工作流活动流的控制者。在一些系统上，这意味着我控制一个本机os线程（可能共享CPU内核），在其他系统上，意味着我可以控制一个异步延续工作流链/树。

对于JavaScript，它是“后者”。

因此，当需要“睡眠”时，我打算让我的工作流在执行过程中“延迟”一段时间，然后再继续执行工作流中的下一个“步骤”（阶段/活动/任务）。

这是“恰当”的说法，即作为一个开发人员，最容易将模型作为线性代码流来工作；根据需要采用工作流的组合来进行缩放。

今天，在JavaScript中，我们可以选择使用高效的多任务20世纪80年代基于角色的延续架构（重新标记为现代Futures/Promises/then/await等）来设计这样的线性工作流。

考虑到这一点，我的答案不是提供新的技术解决方案，而是关注问题本身的意图和设计视角。

我建议，任何答案都要从思考上述概念开始，然后选择一个提醒和暗示意图的名字（而不是睡眠）。

工作流选择1:delayWorkForMs（nMsToDelay）选项2:delaySyncSequenceForMs（msPeriod）

async delayAsyncSequenceForMs(msPeriod) {
  await new Promise(resolve => setTimeout(resolve, msPeriod));
}

请记住，任何异步函数都会返回Promise，await只能在异步函数中使用。（哈哈，你可能会问自己为什么……）。注意事项1：不要使用“循环”来消耗cpu周期。注意事项2：在JavaScript模型中，当在非异步函数中时，您不能“延迟”（等待）“异步”工作流的执行（除非您正在做不必要的坏事，而不需要占用cpu周期）。您只能在“异步”函数中“延迟”代码步骤。在内部，“异步”函数被建模为每个await关键字处的入口点/延续的集合。如果您熟悉倒勾插值模型，您可以“将await”视为在概念上建模，类似于编写倒勾字符串，如：

  // Conceptualizing, using an interpolation example to illustrate
  // how to think about "await" and "async" functions
  `code${await then-restart-point}more-code${await then-restart-point}`

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

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

我有这个问题很久了，我需要的答案并不完全是这里提供的。此等待函数会导致同步等待，而不会占用CPU。

函数waitForIt向任何地方发出Ajax请求，并将异步标志设置为false。函数waitF对一个帧执行相同的操作，函数waitD对一个div执行相同的处理。Ajax大约需要100毫秒，frame大约是25，div大约是1。

wait函数根据您给它的时间来利用所有这些。如果它等待的时间不够长，请再次执行。

在处理多个异步加载元素时，我需要这个。基本上是“等待此元素存在”。你可以在https://jsfiddle.net/h2vm29ue/.它只是利用了浏览器自然等待的东西。较长的版本，https://jsfiddle.net/5cov1p0z/32/，更精确。

 function waitForIt() {
     var start = new Date();
     var xhttp = new XMLHttpRequest();
     xhttp.onreadystatechange = function() {
         if (this.readyState == 4 && this.status == 200) {
            // Doesn't matter
         }
     };
     xhttp.open("GET", "WaitForIt", false);
     xhttp.send();
     var end = new Date();
 }
 //

 function waitF() {
     var start = new Date();
     var ifram = document.createElement('iframe');
     ifram.id = 'ifram';
     ifram.src = '';
     var div = document.createElement('div');
     div.id = 'timer';
     document.body.appendChild(div);
     document.getElementById('timer').appendChild(ifram);
     document.getElementById('timer').removeChild(ifram);
     document.body.removeChild(div);
     var end = new Date();
     return (end - start);
 }


 function waitD() {
     var start = new Date();
     var div = document.createElement('div');
     div.id = 'timer';
     document.body.appendChild(div);
     div.click();
     document.body.removeChild(div);
     var end = new Date();
     return (end - start);
 }

 function wait(time) {
     var start = new Date();
     var end = new Date();
     while ((end - start < time)) {

         if ((time - (end - start)) >= 200) {
             waitForIt();
         } else {
             if ((time - (end - start)) >= 50) {
                 waitF();
             } else {
                 waitD();
             }
         }
         end = new Date();
     }
     return (end - start);
 }

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的更多信息

这可能会奏效。它在C和JavaScript中对我有用。

function sleep(time) {
  var x = 0;
  for(x = 0;x < time;x++) {/* Do nothing */}
}