JavaScript에서 다른 작업을 수행하기 전에 잠을 잘 수있는 방법이 있습니까?
예:
var a = 1+3;
// Sleep 3 seconds before the next action here
var b = a + 4;답변
setTimeout비슷한 효과를 얻는 데 사용할 수 있습니다 .
var a = 1 + 3;
var b;
setTimeout(function() {
b = a + 4;
}, (3 * 1000));이것은 실제로 JavaScript를 ‘슬립’하는 것이 아니라 setTimeout특정 지속 시간 (밀리 초로 지정) 후에 전달 된 함수를 실행하기 만합니다. JavaScript에 대해 절전 기능을 작성할 수는 있지만 setTimeout수면 기간 동안 모든 항목이 고정되지 않기 때문에 가능한 경우 사용 하는 것이 가장 좋습니다 .
답변
실제로 sleep()무언가를 테스트하기 위해 꼭 필요한 경우가 있습니다 . 그러나 디버그하는 동안 브라우저가 대부분 충돌하는 경우가 있으므로 어쨌든 필요할 수 있습니다. 프로덕션 모드에서는이 기능에 대해 언급하겠습니다.
function pauseBrowser(millis) {
var date = Date.now();
var curDate = null;
do {
curDate = Date.now();
} while (curDate-date < millis);
}new Date()메모리, 처리 능력, 배터리 및 장치 수명을 낭비하지 않으려면 루프에서 사용하지 마십시오 .
답변
ECMAScript 6 버전, “코드 블로킹”을위한 생성기를 사용한 생성기 :
원래 질문은 7 년 전에 게시되었으므로 너무 간단하고 이미 답변 되었기 때문에 정확한 코드로 대답하지 않았습니다. 이는 최소 두 개의 휴면이 필요하거나 비동기 실행을 시퀀싱하려는 경우와 같이보다 복잡한 문제에 도움이됩니다. 필요에 따라 자유롭게 수정하십시오.
let sleeptime = 100
function* clock()
{
let i = 0
while( i <= 10000 )
{
i++
console.log(i); // actually, just do stuff you wanna do.
setTimeout(
()=>
{
clk.next()
}
, sleeptime
)
yield
}
}
let clk = clock()
clk.next()약속을 통해 이벤트를 연결할 수도 있습니다 .
function sleep(ms)
{
return(
new Promise(function(resolve, reject)
{
setTimeout(function() { resolve(); }, ms);
})
);
}
sleep(1000).then(function()
{
console.log('1')
sleep(1000).then(function()
{
console.log('2')
})
})또는 훨씬 간단하고 덜 멋진 방법은
function sleep(ms, f)
{
return(
setTimeout(f, ms)
)
}
sleep(500, function()
{
console.log('1')
sleep(500, function()
{
console.log('2')
})
})
console.log('Event chain launched')어떤 상황이 발생하기를 기다리는 경우 다음과 같이 기다릴 수 있습니다
function waitTill(condition, thenDo)
{
if (eval(condition))
{
thenDo()
return
}
setTimeout(
() =>
{
waitTill(condition, thenDo)
}
,
1
)
}
x=0
waitTill(
'x>2 || x==1'
,
() =>
{
console.log("Conditions met!")
}
)
// Simulating the change
setTimeout(
() =>
{
x = 1
}
,
1000
)답변
2018 업데이트
최신 Safari, Firefox 및 Node.js도 이제 async / await / promises를 지원합니다.
async / await / Promises 사용 :
(2017 년 1 월 현재, Chrome에서는 지원되지만 Safari, Internet Explorer, Firefox, Node.js에서는 지원되지 않음)
'use strict';
function sleep(ms) {
return new Promise(res => setTimeout(res, ms));
}
let myAsyncFunc = async function() {
console.log('Sleeping');
await sleep(3000);
console.log('Done');
}
myAsyncFunc();2017 년 업데이트
이 질문이 제기 된 이후 JavaScript가 발전했으며 이제 생성기 기능이 있으며 새로운 async / await / Promise가 출시되고 있습니다. 아래에는 두 가지 솔루션이 있습니다. 하나는 모든 최신 브라우저에서 작동하는 생성기 기능과 다른 곳에서는 아직 지원되지 않는 새로운 async / await를 사용합니다.
생성기 기능 사용 :
'use strict';
let myAsync = (g) => (...args) => {
let f, res = () => f.next(),
sleep = (ms) => setTimeout(res, ms);
f = g.apply({sleep}, args); f.next();
};
let myAsyncFunc = myAsync(function*() {
let {sleep} = this;
console.log("Sleeping");
yield sleep(3000);
console.log("Done");
});
myAsyncFunc();이 두 솔루션이 모두 비동기식이라는 사실에주의하십시오. 이는 myAsyncFunc (두 경우 모두)가 절전 모드에서 돌아 오는 것을 의미합니다.
이 질문은 JavaScript 버전 인 sleep ()과 다른 점에 유의해야합니다 . 요청자가 조치 사이의 지연이 아닌 실제 휴면 (프로세스에서 다른 코드 실행 없음)을 요청하는 경우.
답변
setTimeoutand 보다 덜 교묘 한 함수를 원한다면 setInterval인수의 순서를 반대로 바꾸어 멋진 이름을 지정하는 함수로 묶을 수 있습니다.
function after(ms, fn){ setTimeout(fn, ms); }
function every(ms, fn){ setInterval(fn, ms); }CoffeeScript 버전 :
after = (ms, fn)-> setTimeout fn, ms
every = (ms, fn)-> setInterval fn, ms그런 다음 익명 함수로 잘 사용할 수 있습니다.
after(1000, function(){
console.log("it's been a second");
after(1000, function(){
console.log("it's been another second");
});
});이제는 “N 밀리 초 후에 …”(또는 “N 밀리 초마다 …”)로 쉽게 읽 힙니다.
답변
이를 수행하는 또 다른 방법은 Promise 및 setTimeout을 사용하는 것입니다 (함수 내에 있어야하며 async 키워드와 비동기로 설정해야 함).
async yourAsynchronousFunction () {
var a = 1+3;
await new Promise( (resolve) => {
setTimeout( () => { resolve(); }, 3000);
}
var b = a + 4;
}답변
다음은 동기 절전 / 일시 정지와 같은 느낌을 갖지만 합법적 인 js 비동기 코드 인 매우 간단한 방법입니다.
// Create a simple pause function
const pause = (timeoutMsec) => new Promise(resolve => setTimeout(resolve,timeoutMsec))
async function main () {
console.log('starting');
// Call with await to pause. Note that the main function is declared asyc
await pause(3*1000)
console.log('done');
}