3.1.3 clearTimeout( )과 clearInterval( )

setTimeout()과 setInterval() 함수는 웹 페이지를 닫을 때까지 계속 실행되므로 중간에 끄는 방법이 필요합니다. 이럴 때 사용하는 타이머 정리 함수들이 있습니다.

setTimeout() 함수는 clearTimeout() 함수로, setInterval() 함수는 clearInterval() 함수로 실행을 취소할 수 있습니다. setTimeout()과 setInterval() 함수는 해당 타이머를 나타내는 타이머 아이디를 반환합니다. 이 값을 clearTimeout()과 clearInterval() 함수에 넣으면 취소할 타이머를 지정할 수 있습니다.

const 아이디 = setTimeout(함수, 밀리초);
clearTimeout(아이디);
const 아이디 = setInterval(함수, 밀리초);
clearInterval(아이디);

단, clearTimeout() 함수는 setTimeout() 함수의 콜백 함수가 아직 실행되지 않았을 때만 취소할 수 있습니다. 시한 폭탄을 생각해 보세요. 이미 터지고 난 뒤에는 취소해도 의미가 없겠죠?