Window clearInterval() 메서드

정의와 사용법

clearInterval() 메서드를 사용하여 지우기 setInterval() 메서드 설정된 타이머.

알림

인터벌을 지우려면 사용하세요 setInterval() 반환된 id：

myInterval = setInterval(function, milliseconds);

그런 다음 호출하여 clearInterval() 실행을 중지하기 위해：

clearInterval(myInterval);

추가로 참조하세요：

setInterval() 메서드

setTimeout() 메서드

clearTimeout() 메서드

예제

예제 1

1초마다 한 번 시간을 표시합니다. clearInterval()를 사용하여 시간을 중지하십시오:

const myInterval = setInterval(myTimer, 1000);
function myTimer() {
  const date = new Date();
  document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction() {
  clearInterval(myInterval);
}

직접 시도해 보세요

예제 2

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);
}

직접 시도해 보세요

예제 3

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(intervalId)

매개변수

매개변수 설명
intervalId 필수. 부터 setInterval() 반환된 간격 id.

반환 값

없음.

설명

clearInterval() 메서드는 주기적으로 실행되는 지정된 코드를 중지시키고, 이 코드에 대한 작업은 호출됩니다 setInterval() 메서드 시작된. 매개변수 intervalId 호출되어야 합니다 setInterval() 메서드 이후의 반환 값.

브라우저 지원

모든 브라우저가 지원합니다 clearInterval()：

크롬 IE 에지 파이어폭스 사파리 오페라
크롬 IE 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원 지원