有没有比以下的pausecomp函数(取自这里)更好的方式在JavaScript中实现sleep?
function pausecomp(millis)
{
var date = new Date();
var curDate = null;
do { curDate = new Date(); }
while(curDate-date < millis);
}
这不是JavaScript中的休眠-操作之间的延迟的重复；我需要在函数执行过程中进行真正的休眠，而不是在某段代码执行之前延迟。
如果您希望避免性能下降，setTimeout 是您期望的 sleep函数。但是，如果您想要一种语法，在此语法中代码被sleep“分成两部分”，我们可以这样做：
sleep = function(tm, fn){
window.setTimeout(fn, tm);
}
var fnBeforeSleep = function(){
// All code before sleep
}
var fnAfterSleep = function(){
// All code after sleep
}
然后：
fnBeforeSleep();
sleep(2000, fnAfterSleep);
// Yep! Syntactically, it is very close to:
fnBeforeSleep();
sleep(2000);
fnAfterSleep();
var items = ['item1', 'item2', 'item3'];
function functionToExecute(item) {
console.log('function executed for item: ' + item);
}
$.each(items, function (index, item) {
var timeoutValue = index * 2000;
setTimeout(function() {
console.log('waited ' + timeoutValue + ' milliseconds');
functionToExecute(item);
}, timeoutValue);
});
结果：
waited 0 milliseconds
function executed for item: item1
waited 2000 milliseconds
function executed for item: item2
waited 4000 milliseconds
function executed for item: item3
ES6 Promise: A polyfill for ES6-style Promises（旧版或Internet Explorer浏览器的Shim）
setTimeout() 和 clearTimeout()。如果你一直阅读到这里，你可能会注意到已接受的答案在 Internet Explorer 11 中破坏了所有 JavaScript 编译，并且在使用此解决方案后，大约有5%的用户仍在使用这个活跃开发的浏览器并需要支持。你可以去看一下...
setTimeout() 和 clearTimeout()，这将适用于所有浏览器...
var timeout;
function sleep(delay) {
if(timeout) {
clearTimeout(timeout);
}
timeout = setTimeout(function() {
myFunction();
}, delay);
}
console.log("sleep for 1 second");
sleep(1000);
function myFunction() {
console.log("slept for 1 second!");
}使用同步调用让操作系统进行睡眠的函数。可以使用任何操作系统的睡眠命令。它不是在使用CPU时间的意义上忙等待。
我选择了对一个不存在的地址进行ping测试。
const cp = require('child_process');
function sleep(ms)
{
try{cp.execSync('ping 192.0.2.0 -n 1 -w '+ms);}
catch(err){}
}
进行验证它是否工作的测试
console.log(Date.now());
console.log(Date.now());
sleep(10000);
console.log(Date.now());
console.log(Date.now());
还有一些测试结果。
1491575275136
1491575275157
1491575285075
1491575285076
function()
{
if (!wait_condition)
{
setTimeout(arguments.callee, 100, /* Comma-separated arguments here */);
}
// The rest of the function
}
function SomeObject() {
this.SomeProperty = "xxx";
return this;
}
SomeObject.prototype.SomeMethod = function () {
this.DoSomething1(arg1);
sleep(500);
this.DoSomething2(arg1);
}
几乎可以翻译成：
function SomeObject() {
this.SomeProperty = "xxx";
return this;
}
SomeObject.prototype.SomeMethod = function (arg1) {
var self = this;
self.DoSomething1(arg1);
setTimeout(function () {
self.DoSomething2(arg1);
}, 500);
}
区别在于“SomeMethod”操作返回之前，“DoSomething2”操作并未执行。调用“SomeMethod”的人不能依赖此操作。由于“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 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");
}
使用TypeScript：
这是一个可以等待的快速sleep()实现。它尽可能地与顶部答案相似。它在功能上是等效的，除了在TypeScript中将ms类型定义为number。
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 sleep(<duration>)。请注意：
await 只能在带有 async 关键字的函数中执行，或者在某些环境（例如 Chrome DevTools 控制台或 Runkit）中的脚本的 顶层。await 仅暂停当前的 async 函数。
sleep()来计时动画。（我知道有更好的方法...）提问者提供的代码在 Chrome 中对我无效，因为浏览器不会在脚本中进行修改后立即更新 DOM，而是等待代码执行完成后再进行任何 DOM 更新，因此脚本会等待所有延迟的总和，然后一次性应用所有 DOM 更新。 - Ari Fordsham