[JS] setTimeout(), setInterval()로 시간을 다뤄보자

 

 

setTimeout, setInterval

• 일정 시간이 지난 후 원하는 함수를 실행할 수 있게 하는 메서드
• 주기적으로 실행할 수 있지만, 실제 시간을 계산하는 데는 절대 사용하지 않는다.
• 자바스크립트가 싱글스레드이기 때문에 타이머 이벤트가 정확한 간격으로 발생하지 않는다.
• Date.now()를 사용해 현재 시간을 가져오고, 가져온 시간을 경과된 시간과 비교해 실제 경과 시간을 계산한다.

 

 

 

 

 

 

 

setTimeout()

일정 시간 간격 이후에 함수가 한번 실행

setTimeout(() => {console.log("첫 번째 메시지")}, 5000);
setTimeout(() => {console.log("두 번째 메시지")}, 3000);
setTimeout(() => {console.log("세 번째 메시지")}, 1000);

// 콘솔 출력:

// 세 번째 메시지
// 두 번째 메시지
// 첫 번째 메시지

 

 

 

setInterval()

일정 시간 간격 이후에 함수가 주기적으로 실행

const intervalID = setInterval(myCallback, 500, 'Parameter 1', 'Parameter 2');

function myCallback(a, b)
{
 // 여기에 코드를 작성하세요
 // 매개변수는 옵션
 console.log(a);
 console.log(b);
}

 

 

 

 

clearTimeout()

이전에 설정된 시간제한을 취소

 

 

 

 

clearInterval()

setInterval() 호출에 의해 설정된 시간이 지정된 반복 작업을 취소