창 clearInterval()
예시
1초에 한 번씩 시간을 표시합니다. 시간을 중지하려면 clearInterval()을 사용합니다.
const myInterval = setInterval(myTimer, 1000);
function myTimer() {
const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction() {
clearInterval(myInterval);
}
아래에 더 많은 예가 있습니다.
정의 및 사용
메서드 는 메서드 clearInterval()
로 설정된 타이머를 지웁니다
setInterval()
.
메모
간격을 지우려면 setInterval()에서 반환된 ID 를 사용합니다.
myInterval = setInterval(function, milliseconds);
그런 다음 clearInterval()을 호출하여 실행을 중지할 수 있습니다.
clearInterval(myInterval);
또한보십시오:
통사론
clearInterval(intervalId)
매개변수
Parameter | Description |
intervalId | Required. The interval id returned from setInterval(). |
반환 값
없음 |
더 많은 예
500밀리초마다 한 번씩 두 배경색 사이를 전환합니다.
const myInterval = setInterval(setColor, 500);
function setColor() {
let x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
clearInterval(myInterval);
}
setInterval() 및 clearInterval()을 사용하여 동적 진행률 표시줄 만들기:
function move() {
const element = document.getElementById("myBar");
let width = 0;
const id = setInterval(frame, 100);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
element.style.width = width + '%';
}
}
}
브라우저 지원
clearInterval()
모든 브라우저에서 지원됩니다:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |