콘솔

> clearInterval(2); // 2는 setInterval 명령의 결괏값
< undefined

clearInterval(2)를 입력하면 Interval ID가 2인 명령에 대한 반복 실행이 중지됩니다. 따라서 메시지가 더 이상 출력되지 않으므로 동그라미 안에 있는 숫자도 더 이상 증가하지 않습니다.

setTimeout() 함수는 딱 한 번만 호출되므로 이 명령을 실행한 후에는 callback() 함수가 실행되기 전에 clearTimeout() 함수를 호출해야 의미가 있습니다.

이번 강에서는 setTimeout()과 setInterval() 함수를 통해서 특정 시간이 흐른 후 혹은 특정 시간이 지날 때마다 callback() 함수를 호출할 수 있는 기능에 대해 배워 보았습니다.

이번 강에서 배운 내용을 요약해 볼까요?

• 콜백 함수란 조건을 등록해 두고 그 조건을 만족했을 때 호출되는 함수를 뜻합니다.

• 시간을 기반으로 콜백 함수를 호출하는 명령에는 setTimeout( ), clearTimeout( ), setInterval( ), clearInterval( ) 함수가 있습니다.

• setTimeout( ) 함수는 시간이 흐른 뒤에 함수를 콜백하는 함수입니다. 시간은 밀리초 단위로 입력합니다.

• clearTimeout( ) 함수는 함수를 호출한 결과로 반환된 ID를 인자로 받아 예약되어 있던 함수 호출을 취소합니다.

• setInterval( ) 함수는 정해진 시간이 지날 때마다 함수를 콜백하는 함수입니다.

• clearInterval( ) 함수는 setInterval( ) 함수를 호출한 결과로 반환된 ID를 인자로 받아 주기적으로 호출되던 함수 호출을 취소하는 함수입니다.

다음 강에서는 브라우저에서 발생하는 다양한 이벤트에 대해 콜백 함수를 등록하는 방법과 해당 함수를 실행하는 방법을 알아보겠습니다.