假设没有“原生”方式来实现这一点,我的解决方案就是
sleep = function(time) {
var stop = new Date().getTime();
while(new Date().getTime() < stop + time) {
;
}
return new Promise((r,_)=> r())
}
这样做sleep(1000*3).then(()=>console.log("awake"))
它会睡3秒然后解析Promise
:
(请注意,它会将此页面冻结一秒。)
sleep = function(time) {
var stop = new Date().getTime();
while (new Date().getTime() < stop + time) {;
}
return new Promise((r, _) => r())
}
console.log("sleeping...")
sleep(1000 * 1).then(() => console.log("awake"))
假设这将在主线程中运行,它将冻结主进程,以便执行
sleep(1000*1).then(()=>console.log("awake")); console.log("Hello")
它将产生输出
VM2628:1 Hello
VM2628:1 awake
在睡眠结束时。当然在做
setTimeout(()=>sleep(1000*3).then(()=>console.log("awake")),1000);console.log("Hello")
VM2815:1 Hello
undefined
VM2815:1 awake
会使它异步,但它无法解决我的需求(将sleep
置于我的主要流程中)。
有更好的方法吗?
答案 0 :(得分:6)
根本不需要冻结。由于javascripts异步性,我们可以将代码的一部分留下一段时间并稍后恢复。起初我们需要一个有前途的计时器:
const timer = ms => new Promise( res => setTimeout(res, ms));
然后我们可以简单地使用它:
console.log("wait 3 seconds")
timer(3000).then(_=>console.log("done"));
或者说有点语法糖:
(async function(){
console.log("wait 3 seconds");
await timer(3000);
console.log("done");
})()
如果你真的想冻结(非常糟糕),你根本不需要承诺:
function freeze(time) {
const stop = new Date().getTime() + time;
while(new Date().getTime() < stop);
}
console.log("freeze 3s");
freeze(3000);
console.log("done");
答案 1 :(得分:1)
function sleep(time, func){
if (typeof func === 'function'){
const timer = ms => new Promise( res => setTimeout(res, ms));
timer(time).then(i=>func());
}
else{
console.log('What about the function bro?')
}
}
sleep(1000, function(){
console.log('hello')
console.log('test')
var arr = [1,2,3,4]
arr.forEach(i => console.log(i))
})