Window clearInterval() 메서드

clearInterval()메서드를 사용하지 않습니다의 setInterval() 생성된 반복 작업.

setInterval()가 반환하는 ID 값은 clearInterval() 메서드의 매개 변수로 사용됩니다.

주의:clearInterval() 메서드를 사용할 수 있도록 interval 메서드를 생성할 때는 반드시 변수를 사용해야 합니다:

t = setInterval("javaScript function", milliseconds);

그런 다음, clearInterval() 메서드를 호출하여 실행을 중지할 수 있습니다:

clearInterval(t);

문법:

window.clearInterval(var)

예제

var t = setInterval(startTimer,　1000);
function startTimer() {
　　　var date = new Date();
　　　var x = document.getElementById("result");
　　　x.innerHTML = date.getHours()　+　":"　+　date.getMinutes()　+　":"　+　date.getSeconds();
}
function stopTimer() {
　　　clearInterval(t);
}

테스트를 보세요‹/›

브라우저 호환성

표에서의 숫자는 clearInterval() 메서드를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다:

메서드
clearInterval()	1	1	4	1	4

매개 변수 값

매개 변수	설명
var	setInterval()메서드가 반환하는 타이머 이름

기술 세부 사항

반환 값:	없음

더 많은 예제

매200밀리초마다 두 가지 배경색 사이에서 전환하고, clearInterval()로 중지될 때까지 계속됩니다:

예제

var t = setInterval(setColor,　200);
function setColor() {
　　　var x = document.body;
　　　x.style.backgroundColor = (x.style.backgroundColor == "coral") ? "lightgreen" : "coral";
}
function stopColor() {
　　　clearInterval(t);
}

테스트를 보세요‹/›

setInterval()와 clearInterval()를 사용하여 동적 진행条的 생성:

예제

var i = 0;
var bar = document.getElementById("progress-bar);
var t;
function start() {
　　t = setInterval(progress,　60);
}
function progress() {
　　if(i <　100) {
　i++;
　bar.style.width = i　+　“%”;
　bar.innerHTML = i　+　“%”;
　　} else {
　clearInterval(t);
　　}
}
function stop() {
　　clearInterval(t);
}

테스트를 보세요‹/›

JavaScript 객체

JavaScript 참조 설명서

JS DOM 참조 설명서

Window clearInterval() 메서드

문법:

브라우저 호환성

매개 변수 값

기술 세부 사항

더 많은 예제

관련 참조