clearInterval 함수를 이용한 타이머 사용 자바스크립트

자바스크립트에서 실행중인 타이머의 중단 (clearInterval)

clearInterval

setInterval 함수로 시작된 타이머의 실행을 중단시킬 때 사용됩니다.

사용예

<input type=text id=txt_temp value=1>

<script>
var t = setInterval(mmm, 1000); // -- (1) 타이머 실행

function mmm()
{
    txt_temp.value = txt_temp.value*1 + 1;
    if(txt_temp.value == 20) {
        clearInterval(t);  // --- (2) 타이머 중단
    }
}
</script>

(1) 에서 시작한 타이머 t 를 (2)에서 중단시키는 예제입니다.

좀더 설명드리자면, 1초마다 mmm 함수가 수행되어집니다. 수행결과로 txt_temp 의 값이 1씩 증가하게 됩니다. txt_temp 의 값이 20에 도달하면 타이머의 실행을 중단시킵니다.

결과로, txt_temp 의 값은 1에서 20까지 증가하다가 20에서 멈추게 됩니다.