예
현재 시간을 표시 (the setInterval() 메소드는 단지 디지털 시계와 같은 기능을 한 번에 1 초마다 실행됩니다). 사용 clearInterval() 시간을 중지 :
var myVar = setInterval(function(){ myTimer() }, 1000);
function myTimer()
{
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("demo").innerHTML = t;
}
function myStopFunction()
{
clearInterval(myVar);
}
»그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
clearInterval() 메소드는 설정 타이머를 클리어 setInterval() 메소드를.
에 의해 반환 된 ID 값 setInterval() 대한 매개 변수로서 사용된다 clearInterval() 방법.
참고 : 사용할 수 있도록하기 clearInterval() 간격 방법을 만들 때 방법을, 당신은 전역 변수를 사용해야합니다 :
myVar = setInterval(" 그런 다음 사항 clearInterval () 메서드를 호출하여 실행을 중지 할 수 있습니다.
브라우저 지원
테이블의 숫자는 완전히 방법을 지원하는 최초의 브라우저 버전을 지정합니다.
Method
clearInterval()
1.0
4.0
1.0
1.0
4.0
통사론
clearInterval( 매개 변수 값 매개 변수 기술 id_of_setinterval 필요합니다. 에 의해 반환 된 타이머의 ID setInterval() 메소드
기술적 세부 사항
반환 값 : 없음 반환 값 없습니다
더 예
예
가에 의해 중단 될 때까지마다 300 밀리 초이 개 배경 색상을 전환 clearInterval() :
var myVar = setInterval(function(){ setColor() }, 300);
function
setColor() {
var x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" :
"yellow";
}
function stopColor() {
clearInterval(myVar);
} »그것을 자신을 시도
예
사용 setInterval() 및 clearInterval() 동적 진행률 표시 줄을 만들 수 있습니다 :
function move() {
var elem = document.getElementById("myBar");
var width = 0;
var id = setInterval(frame, 100);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
elem.style.width = width + '%';
}
}
} »그것을 자신을 시도
관련 페이지
창 개체 : href="met_win_setinterval.html"> setInterval() Method
창 개체 : href="met_win_settimeout.html"> setTimeout() Method
창 개체 : href="met_win_cleartimeout.html"> clearTimeout() Method
<창 개체