在javascript中，有没有比下面的pausecomp函数更好的方法来设计sleep？

这不是javascript中sleep的复制-操作之间的延迟；我希望在函数的中间有一个真正的睡眠，而不是在一段代码执行之前的延迟。

自从2009年问到这个问题以来，JavaScript已经有了很大的发展。所有其他答案现在都已过时或过于复杂。以下是当前的最佳实践：

您可以在runkit上尝试此代码。请注意，

两个新的javascript功能帮助编写了这个实际的"睡眠"功能：

• Promises，ES2015的本土特色(又称ES6)。我们在睡眠功能的定义中也使用了箭头函数。
• 即将推出的async/await特性允许代码明确地等待承诺的解决。

兼容性

• 承诺在节点v0.12+中得到支持，在浏览器中得到广泛支持，IE除外。
• async/await降落在V8上，从chrome 55开始默认启用。
  • 2016年10月登陆节点7
  • 并于2016年11月登陆了Firefox Nightly。

如果出于某种原因，您使用的节点早于7，或者针对的是旧的浏览器，那么仍然可以通过babel(一种将javascript+新功能开发为普通的旧javascript的工具)和transform-async-to-generator插件来使用async/await。跑

创建.babelrc时使用：

然后用运行代码

但同样，如果您使用的是节点7或更高版本，或者您的目标是现代浏览器，则不需要这样做。

(见2016年更新答案)

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

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

因此，您基本上坚持了其他人的建议——您需要将代码分解成多个函数。

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

在javascript中，我重写了每个函数，以便它能够尽快结束。您希望浏览器回到控件中，这样它可以更改您的DOM。

每次我想要在函数的中间休息时，我都重构为使用setTimeout()。

I am going to edit this answer because i found this as useful:

在任何一种语言中，臭名昭著的睡眠，或者说是延迟，其功能都备受争议。有些人会说，应该总是有一个信号或回调来触发一个给定的功能，另一些人会说，有时一个任意的延迟时间是有用的。我要说的是，在这个行业中，每个人都有自己的一条规则，不能支配任何东西。

编写sleep函数很简单，而且在javascript承诺下更加有用：

仅用于调试/dev，如果它对某人有用，我会发布它

有趣的是，在Firebug(可能是其他JS控制台)中，只有在指定的睡眠时间(…)之后，才会在按Enter键后发生任何事情。

使用实例：

我同意其他的海报，忙碌的睡眠只是个坏主意。

但是，setTimeout不会延迟执行，它会在设置超时后立即执行函数的下一行，而不是在超时到期后执行，这样就不会完成与sleep将完成的任务相同的任务。

这样做的方法是将您的功能分解为前后部分。

确保您的函数名仍然准确地描述了每一项正在执行的操作(即gathereinputhenwait和checkinput，而不是funcpart1和funcpart2)

编辑

这种方法的目的是在超时之后才执行您决定的代码行，同时仍然将控制权返回到客户机PC以执行它排队等待的任何其他操作。

进一步编辑

正如评论中指出的，这绝对不会在循环中工作。你可以做一些奇特的(丑陋的)黑客行为，使它在一个循环中工作，但一般来说，这只会造成灾难性的意大利面条代码。

为了$DEITY的爱，请不要做忙碌的等待睡眠功能。setTimeout和setInterval做你需要的一切。

我知道这是一个古老的问题，但是如果(像我一样)你在Rhino中使用JavaScript，你可以使用…

如果您使用jquery，实际上有人创建了一个"延迟"插件，它只不过是一个用于设置超时的包装器：

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

我也搜索过睡眠解决方案(不用于生产代码，仅用于开发/测试)，并找到了这篇文章：

http://narayanraman.blogspot.com/2005/12/javascript-sleep-or-wait.html

…下面是另一个与客户端解决方案的链接：http://www.devcasider.com/

另外，当您调用alert()时，您的代码也将暂停，同时显示警报——需要找到一种方法来不显示警报，但获得相同的效果。：)

干得好。正如代码所说，不要做一个坏的开发人员，在网站上使用它。它是一个开发效用函数。

下面是一个使用同步xmlhttpRequest的简单解决方案：

sleep.php的内容：

现在，请使用：睡眠(5)；

第一：

定义要执行的函数，如下所示：

然后使用setTimeout方法计划其执行：

注意两件事

• 第二个参数是时间(毫秒)
• 作为第一个参数，您必须只传递函数的名称(引用)，而不传递括号

我个人喜欢简单的：

然后：

在p5js中创建脚本时，我一直在使用它来创建假加载时间。

让事情看起来像大多数人想要的更好的解决方案是使用匿名函数：

这可能是你最接近做你想做的事情。

注意，如果你需要多个睡眠，这可能会在匆忙中变得难看，你可能实际上需要重新考虑你的设计。

我将把setTimeout封装在与其他异步任务的代码一致性承诺中：fiddle中的demo

使用方法如下：

如果你使用承诺，很容易记住语法。

对于浏览器，我同意setTimeout和setInterval是一种方法。

但是对于服务器端代码，它可能需要一个阻塞函数(例如，这样您就可以有效地进行线程同步)。

如果您使用node.js和meetor，那么可能会遇到在光纤中使用setTimeout的限制。这是服务器端睡眠的代码。

请参阅：https://github.com/laverdet/node fibers sleep

这里的大多数答案都是错误的，或者至少是过时的。没有理由让javascript必须是单线程的，事实上并非如此。如今，所有主流浏览器都支持工作人员，而其他的javascript运行时(如rhino和node.js)都支持多线程。

"javascript是单线程的"不是有效答案。例如，在工作线程中运行sleep函数不会阻塞在UI线程中运行的任何代码。

在支持生成器和yield的较新运行时中，可以在单线程环境中为sleep函数带来类似的功能：

这种对睡眠的模仿不同于真正的睡眠功能，因为它不会阻塞线程。它只是Javascript当前setTimeout函数的基础。这种功能类型已经在task.js中实现，现在应该可以在firefox中使用。

我在javascript sleep/wait上搜索了很多网页。如果你想让javascript"运行，延迟，运行"…大多数人得到的不是"跑，跑(无用的东西)，跑"就是"跑，跑+延迟跑"……

所以我吃了些汉堡然后想：这是一个可行的解决方案…但是你必须把你的运行代码切碎……：：是的，我知道，这只是一个更容易阅读的重构…还是…

//………………………………//示例1:

//………………………………//示例2:

//………………例3：

//第……页例4：

您可能需要sleep()函数而不是使用setTimeout()的一种情况是，如果您有一个函数响应用户单击，最终将打开一个新的弹出窗口，并且您已经启动了一些处理，需要很短时间才能完成弹出窗口的显示。将打开的窗口移动到关闭状态意味着它通常会被浏览器阻止。

加上我的两位。为了测试的目的，我需要一个忙碌的等待。我不想分割代码，因为这将是一个很大的工作，所以一个简单的为我做。

我不认为这样做有什么坏处，这对我有好处。

它可以使用Java的睡眠方法来完成。我已经在FF和IE中测试过它，它不会锁定计算机，不会占用资源，也不会导致无休止的服务器点击。对我来说似乎是一个干净的解决方案。

首先，必须让Java加载到页面上并使其方法可用。为此，我做到了：

然后，当您想要在JS中无痛暂停时，您所要做的就是：

其中，xxx是以毫秒为单位的时间。在我的例子中(通过证明)，这是一家非常小的公司后端订单履行的一部分，我需要打印一张必须从服务器加载的发票。我是通过将发票(作为网页)加载到iframe中，然后打印iframe来完成的。当然，我必须等到页面完全加载之后才能打印，所以JS必须暂停。我通过让发票页(在iframe中)用onload事件更改父页上的隐藏表单字段来完成这项工作。打印发票的父页上的代码如下(为了清晰起见，不相关的部分被剪切)：

因此，用户按下按钮，脚本加载发票页面，然后等待，每季度检查一次发票页面是否完成加载，然后弹出打印对话框，供用户将其发送到打印机。QED。

如果必须处理同步执行，我可以理解sleep函数的用途。setInterval和setTimeout函数创建一个并行执行线程，该线程将执行序列返回到主程序，如果必须等待给定的结果，则该线程无效。当然，可以使用事件和处理程序，但在某些情况下，这并不是预期的。

很多答案不能(直接)回答这个问题，这个也不能…

这是我的两分钱(或函数)：

如果您想要的函数比setTimeout和setInterval要小一些，您可以将它们包装成与参数顺序相反的函数，并给它们起好的名称：

咖啡说明版本：

然后您可以将它们很好地用于匿名函数：

现在，它很容易读取为"n毫秒之后，…"(或"每隔n毫秒，………")

对于希望将循环执行的一组调用隔开的特定情况，您可以在原型中使用类似下面的代码。如果没有原型，可以用setTimeout替换delay函数。

如果您在node.js上，可以查看fibers——节点的本机C扩展，类似于多线程模拟。

它允许您以一种在光纤中阻塞执行的方式执行真正的sleep，但它在主线程和其他光纤中是非阻塞的。

以下是他们自述的一个新例子：

-结果是：

2009年的老问题。现在，在2015年，一个新的解决方案可能与ECMAScript 2015又名ES6中定义的发电机一起使用。它在6月份得到了批准，但以前在火狐和Chrome中实现过。现在，一个睡眠函数可以在不冻结浏览器的情况下，在循环和子函数中实现非忙、非阻塞和嵌套。只需要纯JavaScript，不需要库或框架。

下面的程序显示了如何制作sleep()和runSleepyTask()。sleep()函数只是yield语句。简单到直接编写yield语句而不是调用sleep()，但是没有sleep word:-)yield返回一个时间值给wakeup()内的next()方法等待。实际的"睡眠"是在wakeup()中用老的setTimeout()来完成的。在回调时，next()方法触发yield语句继续，而yield的"魔力"是所有局部变量和它周围的整个调用堆栈仍然是完整的。

使用sleep()或yield的函数必须定义为生成器。在关键字function*中添加asterix很容易。执行一个生成器有点棘手。使用关键字new调用时，生成器返回一个对象，该对象具有next()方法，但不执行生成器体(关键字new是可选的，没有区别)。next()方法触发执行发生器主体，直到遇到yield为止。包装函数runSleepyTask()启动乒乓：next()等待yield，yield等待next()。

调用生成器的另一种方法是使用关键字yield*，这里它的工作方式类似于一个简单的函数调用，但它还包括返回next()的能力。

这一切都由示例drawTree()证明。它在旋转的三维场景中绘制一棵有树叶的树。一棵树被画成树干，顶部有三部分朝着不同的方向生长。然后，在短暂的睡眠后，通过递归地调用drawTree()，将每个部分绘制为另一个较小的树。一棵非常小的树被画成一片叶子。

每片叶子都有自己的生命在一个独立的任务中，这个任务从runSleepyTask()开始。它在以东地生、长、坐、消、落、死。速度由sleep()控制。这表明多任务处理是多么简单。

3D文件隐藏在setup3d()中，只是为了使它比console.log()更不无聊。顺便说一下，天使是以弧度来衡量的。

在火狐和Chrome上测试过。未在Internet Explore和iOS(iPad)中实现。试着自己跑。

在我找到另一个答案之后，加布里埃尔·拉特纳一年前也给出了类似的答案：https://stackoverflow.com/a/24401317/5032384

在javascript中，您不能这样睡眠，或者更确切地说，您不应该这样睡眠。运行sleep或while循环将导致用户的浏览器挂起，直到循环完成。

使用计时器，如您引用的链接中指定的。

如果你是这样的睡眠功能

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

您的项目设置如下：

然后你可以这样做：

而不是像这样没完没了的回调缩进：

从这个链接中获取的代码不会冻结comp。但它只在FF上工作。

首先，应该使用setTimeout和setInterval，因为javascript具有回调特性。如果您想使用sleep()，那么您的代码的控制流或体系结构是不正确的。

我已经说过了，我想我仍然可以帮助实现两个睡眠。

有一天我仔细考虑了一下，我在javascript中真正睡着的唯一想法是技术上的。

sleep函数必须是一个同步的Ajax调用，并将超时设置为sleep值。只有这样才能拥有真正的EDOCX1[1]

由于节点7.6，您可以将来自utils模块的promisify功能与setTimeout结合起来。

一般用法

问题用法

万一你真的需要一个sleep()来测试一些东西。但是请注意，在调试的时候，大多数时候浏览器都会崩溃——这可能就是为什么你无论如何都需要它。在生产模式下，我将对这个函数进行注释。

不要在循环中使用new date()，除非您想浪费内存、处理能力、电池以及设备的使用寿命。

有了await的支持和蓝鸟的承诺：

await bluebird.delay(1000);

这将像C语言的同步sleep(1)一样工作。我最喜欢的解决方案。

如果你喜欢建议不要失去表现。setTimeout是您的预期sleep。但是，如果您想要一个代码被sleep"中间分隔"的语法，我们可以这样做：

然后，perpare的功能如下：

然后：

是的！？句法上，它非常接近：

这对你有好处。

接受JavaScript的异步特性！

下面的所有内容都将立即返回，但只有一个地方可以放置发生某些事情后要运行的代码。

我在这里概述的方法都适用于不同的用例，并且根据它们的复杂性粗略排序。

不同之处如下：

• 等待某个条件成为现实
• 在调用单个回调之前等待一组方法完成(按任意顺序)
• 在调用回调之前，以特定顺序运行一系列具有共享状态的异步方法

等待

在没有可访问的回调来告诉您某个事件已完成执行时，将使用ful等待查看某个条件是否为真。

这是一个非常基本的实现，它假定条件在某个时刻变为真。通过一些调整，它可以被扩展到更有用的地方(例如通过设置呼叫限制)。(我昨天才写这封信！)

调用代码：

在这里，我调用了加载extjs"store"的函数，并等待该函数包含内容后再继续(beforeeach是Jasmine测试框架的函数)。

等待几件事完成

我需要做的另一件事是在加载完不同的方法之后运行一个回调。你可以这样做：

调用代码：

您可以等待通知，也可以包装其他使用传递给函数的值的函数。调用所有方法后，将运行done。

按顺序运行异步方法

当我有一系列异步方法在一行中调用时(同样在测试中)，我使用了不同的方法。这有点类似于您在异步库中可以得到的东西——series做了同样的事情，我先读了一点该库，看看它是否做了我想要的。我认为我的有一个更好的用于测试的API(实现起来很有趣！).

调用代码：

这里的部分应用基本上是道格·克罗克福德的咖喱实现的重命名版本。我正在处理的很多东西都将回调作为最后的参数，这样简单的调用就可以这样完成，而不必用额外的func包装所有东西。

希望里面的一些想法对人们有用。

要休眠的函数，使用同步调用让操作系统执行。使用任何你喜欢的操作系统睡眠命令。在使用CPU时间的意义上，它并不忙于等待。

我选择了一个不存在的地址。

验证它工作的测试

以及一些测试结果。

(10秒后)

这真的不是一个好主意，这样做会导致整个页面在系统等待函数返回时冻结。

我知道问题是关于睡眠，很明显答案是不可能的。我认为睡眠的一个常见需求是有序地处理异步任务，我知道我必须肯定地处理它。

许多情况下可以使用承诺(Ajax请求常用)。它们允许您以同步方式执行异步操作。还有对成功/失败的处理，可以将它们链接起来。

它们是EcmaScript6的一部分，所以浏览器支持还不是全部，主要是IE不支持它们。还有一个图书馆叫Q，是为了履行承诺。

参考文献：http://www.html5rocks.com/en/tutorials/es6/promises/

https://github.com/jakerchibald/es6 promise自述文件(旧版或IE浏览器的填充程序)

尝试这个简单的javascript函数：

注意：此功能仅适用于Web工作者。

如果您希望休眠一个匿名函数，就像您创建的一个处理程序一样，我建议您执行以下操作：

此代码表示"如果等待条件尚未满足，请使用这些参数再次调用此函数。"我使用此方法将相同的参数传递给我的处理程序，有效地使此代码成为非轮询睡眠()(仅在函数开始时有效)。

可以使用具有递增较大值的结束调用setTimeout()。

结果：

需要使用"睡眠"方法的对象的方法，如：

几乎可以翻译成：

不同的是，"somemethod"的操作在执行"dosomething2"操作之前返回。"somemethod"的调用方不能依赖于此。由于"sleep"方法不存在，所以我使用后面的方法并相应地设计代码。

我希望这有帮助。

我在这个解决方案中导航了一天，但仍然在思考如何在使用回调时保持可链接性。每个人都熟悉以同步方式逐行运行代码的传统编程风格。setTimeout使用回调，因此下一行不等待它完成。这让我想到如何使它"同步"，从而使"睡眠"功能。

从一个简单的连体衣开始：

我想在中间睡3秒钟，但不想控制整个流程，所以协程必须由另一个线程执行。我考虑了Unity-yieldinstruction，并在下面修改了coroutine：

声明Sleepfor原型：

在运行coroutine1(我在ie11和chrome49中测试过)之后，您将看到它在两个控制台语句之间休眠3秒。它使代码和传统样式一样漂亮。棘手的事情是在常规的睡眠中。它以字符串形式读取调用函数体，并将其分为两部分。拆下上部，并通过下部创建另一个功能。在等待指定的毫秒数后，它通过应用原始上下文和参数来调用创建的函数。对于原始流，它将像往常一样以"返回"结束。为了"收益"？用于正则表达式匹配。这是必要的，但毫无用处。

它一点也不完美，但至少能完成我的工作。在使用这段代码时，我必须提到一些限制。由于代码被分成两部分，"返回"语句必须在外部，而不是在任何循环或中。即

以上代码必须有问题，因为在创建的函数中不能单独存在右括号。另一个限制是由"var xxx=123"声明的所有局部变量都不能带到下一个函数。您必须使用"this.xxx=123"来实现相同的目标。如果您的函数有参数，并且它们得到了更改，那么修改后的值也不能带到下一个函数。

我将介绍另一个函数原型：waitfor

它等待"check"函数，直到返回true。它每隔100毫秒检查一次值。您可以通过传递附加参数来调整它。考虑测试协作2：

同样，我们迄今为止喜爱的漂亮风格。实际上，我讨厌嵌套回调。很容易理解，coroutine2将等待coroutine1完成。有意思吗？好，然后运行以下代码：

输出是：

外部在初始化coroutine1和coroutine2后立即完成。然后，coroutine1等待3000毫秒，等待500毫秒后，coroutine2进入步骤2，检测到coroutine1后，继续步骤3，a值>100。

请注意，有三种上下文可以保存变量"A"。一个是外部的，值为10和11。另一个是coroutine1，值为100和101。最后一个是coroutine2，值为1、2和3。在coroutine2中，它还等待来自coroutine1的c.a，直到其值大于100。3个上下文是独立的。

复制和粘贴的整个代码：

在IE11和Chrome49中测试。因为它使用arguments.callee，所以在严格模式下运行可能会有问题。

有一个新的库，整洁地将函数和超时链接在一起，这样您就可以避免回调地狱。

序列号

变成这样：

进入这个：

并且内置了对在每次迭代之间"休眠"的循环的支持。

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

在这个例子中，生成器称它为自己的next()，所以一旦它运行起来，就由它自己运行。

如果确实要暂停脚本，可以执行以下操作：