有没有比下面的pausecomp函数（取自此处）更好的方法来设计JavaScript中的睡眠？
function pausecomp(millis)
{
var date = new Date();
var curDate = null;
do { curDate = new Date(); }
while(curDate-date < millis);
}
这不是JavaScript中的Sleep的重复-动作之间的延迟；我希望在函数的中间有一个真正的睡眠，而不是在代码执行之前有一段延迟。
当前回答
有一个新的库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);
并且内置支持在每次迭代之间“休眠”的循环。
其他回答
如果你写一个这样的睡眠函数
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
});
});
});
让事情看起来像大多数人想要的更好的解决方案是使用匿名函数：
alert('start');
var a = 'foo';
// Lots of code
setTimeout(function(){ // Beginning of code that should run AFTER the timeout
alert(a);
// Lots more code
}, 5000); // Put the timeout here
这可能是最接近你想要的东西。
注意，如果你需要多次睡眠，这可能会在匆忙中变得很难看，你可能需要重新考虑你的设计。
如果必须处理同步执行，我可以理解睡眠函数的用途。setInterval和setTimeout函数创建一个并行执行线程，该线程将执行序列返回到主程序，如果您必须等待给定的结果，这是无效的。当然，可以使用事件和处理程序，但在某些情况下，这不是预期的。
我也搜索了一个睡眠解决方案（不用于生产代码，只用于开发和测试），并找到了这篇文章：
JavaScript sleep（）或wait（）
…还有一篇关于客户端解决方案的文章：JavaScript睡眠
此外，当您调用alert（）时，代码也会暂停，同时显示警报——您需要找到一种方法来不显示警报，但获得相同的效果。：）
这可以使用Java的睡眠方法来完成。我已经在Firefox和Internet Explorer中测试过它，它不会锁定计算机，不会占用资源，也不会导致无休止的服务器攻击。对我来说，这似乎是一个干净的解决方案。
首先，您必须在页面上加载Java并使其方法可用。为了做到这一点，我这样做了：
<html>
<head>
<script type="text/javascript">
function load() {
var appletRef = document.getElementById("app");
window.java = appletRef.Packages.java;
} // endfunction
</script>
<body onLoad="load()">
<embed id="app" code="java.applet.Applet" type="application/x-java-applet" MAYSCRIPT="true" width="0" height="0" />
然后，当您想要在JavaScript代码中轻松暂停时，您需要做的就是：
java.lang.Thread.sleep(xxx)
其中xxx是以毫秒为单位的时间。在我的案例中（作为理由），这是一家非常小的公司后端订单履行的一部分，我需要打印一张必须从服务器加载的发票。我是通过将发票（作为网页）加载到iFrame中，然后打印iFrame来完成的。
当然，我必须等到页面完全加载后才能打印，所以JavaScript代码必须暂停。我通过让发票页面（在iFrame中）使用onLoad事件更改父页面上的隐藏表单字段来实现这一点。打印发票的父页面上的代码如下（为清晰起见，将不相关的部分切割）：
var isReady = eval('document.batchForm.ready');
isReady.value = 0;
frames['rpc_frame'].location.href = url;
while (isReady.value == 0) {
java.lang.Thread.sleep(250);
} // endwhile
window.frames['rpc_frame'].focus();
window.frames['rpc_frame'].print();
因此，用户按下按钮，脚本加载发票页面，等待，每季度检查一次发票页面是否完成加载，并弹出打印对话框，供用户将其发送到打印机。QED。
