setTimeout() 과 setInterval() 함수의 사용법을 알아본다.
1. setTimeout()
코드를 설정한 시간 이후에 실행하도록 해준다.
첫번째 인자엔 실행할 함수, 두번째 인자에는 설정할 시간(ms 기준)을 입력해 준다.
1
2
3
4
const printHello = () => {
console.log('Hello');
}
setTimeout(printHello, 3000); // 3초 후 Hello 가 출력된다.
clearTimeout(timeoutId)을 호출하여 실행될 코드를 취소할 수 있다.
1
2
const timeoutId = setTimeout(() => console.log('Hello'), 3000);
clearTimeout(timeoutId); // Hello 가 출력되지 않는다.
2. setInterval()
코드를 설정한 시간 간격으로 반복하여 실행하도록 해준다.
1
2
3
4
const printHello = () => {
console.log('Hello');
}
setInterval(printHello, 3000); // 3초에 한번씩 Hello 가 출력된다.
clearInterval()을 호출하여 실행될 코드를 취소할 수 있다.
1
2
const intervalId = setTimeout(() => console.log('Hello'), 3000);
clearInterval(intervalId); // Hello 가 출력되지 않는다.