JavaScript setInterval 및 setTimeout

Question

다음 코드는 1 초마다 날짜를 표시 한 다음 중지합니다.

(function() { 
    var i = setInterval(function() { 
     console.log(new Date()); 
    }, 1000); 
    console.log("Hi"); 

    setTimeout(function() { 
     clearInterval(i); 
    }, 3000); 
    console.log("Hola"); 
})(); 

출력 :

Hi 
Hola 
Wed Oct 24 2012 13:35:27 GMT+0200 (CEST) 
Wed Oct 24 2012 13:35:28 GMT+0200 (CEST) 
Wed Oct 24 2012 13:35:29 GMT+0200 (CEST) 

그러나 Hi 및 Hola가 먼저 표시되는 이유를 모르겠어요. 또한 setTimeout이 실행되는 이유는 무엇입니까? setInterval이 1 초마다 실행되고 다른 어떤 것도 실행될 수 있다고 가정하지 않습니다. (위의 코드는 작성된 순서대로 실행됩니까?) 고마워요.

Answer 1

setTimeout뿐만 아니라 setInterval는 함수 (콜백)를 등록하지만 다음 명령어로 바로 이동합니다.

따라서 첫 번째 콜백이 호출되기 전에 Hi 및 Hola이 인쇄됩니다.

첫 번째 콜백은 1 초 후 setInterval이고 다시 2 초 후입니다. 3 초 후 setTimeout이 시작되어 setInterval이 삭제됩니다.

Answer 2

어쨌든 setTimeout()과 setInterval()이 모두 실행됩니다. PHP의 방법은 ... sleep()이 아닙니다. 슬프게도!

그러나,이 링크는 도움이 될 수 있습니다 : http://www.phpied.com/sleep-in-javascript/

Answer 3

http://ejohn.org/blog/how-javascript-timers-work/

그 두 이벤트는 비동기. "setTimeout"또는 "setInterval"이 호출 된 정확한 시간이 아니라 다음 사용 가능한 순간에 대기/실행됩니다.

Answer 4

주석은 실행 순서이이 혼란을 정리할

(function() {       // 0 anonymous function is called inline 

    var i = setInterval(function() { // 1 setInterval **schedules** the function 
             //  parameter to be executed every second 
     console.log(new Date()); 
    }, 1000); 
    console.log("Hi");     // 2 Display 'Hi' on console 

    setTimeout(function() {    // 3 **Schedule** the function parameter to 
             //  execute after three seconds 
     clearInterval(i);  
    }, 3000); 
    console.log("Hola");    // 4 Display 'Hola' on console 
})(); 

             // 5 Display date from setInterval function 

             // 6 Display date from setInterval function 

             // 7 Display date from setInterval function 

             // 8 Cancel setInterval executed from 
             //  setTimeout function 

희망을 보여줍니다.