과목 추천：

Window clearTimeout() 메서드

clearTimeout() 정의 및 사용법 setTimeout() 메서드 설정된 타이머를 사용하여 지우는 메서드를 사용합니다.

알림

제한 시간을 지우려면 다음을 사용하여 setTimeout() 메서드 반환된 id：

myTimeout = setTimeout(function, milliseconds);

그런 다음 호출하여 clearTimeout() 를 통해 실행을 중지합니다:

clearTimeout(myTimeout);

자세히 보기:

setTimeout() 메서드

setInterval() 메서드

clearInterval() 메서드

예제

예제 1

myGreeting() 실행을 방지하는 방법:

const myTimeout = setTimeout(myGreeting, 3000);
function myGreeting() {
  document.getElementById("demo").innerHTML = "Happy Birthday to You !!"
}
function myStopFunction() {
  clearTimeout(myTimeout);
}

개인적으로 시도해 보세요

예제 2

이 예제는 타이머를 시작하는 "시작" 버튼, 카운터의 입력 필드, 타이머를 중지하는 "중지" 버튼을 포함하고 있습니다:

<button onclick="startCount()">계산 시작!</button>
<input type="text" id="demo">
<button onclick="stopCount()">계산 중지!</button>
<script>
let counter = 0;
let timeout;
let timer_on = 0;
function timedCount() {
  document.getElementById("demo").value = counter;
  counter++;
  timeout = setTimeout(timedCount, 1000);
}
function startCount() {
  if (!timer_on) {
    timer_on = 1;
    timedCount();
  }
}
function stopCount() {
  clearTimeout(timeout);
  timer_on = 0;
}
</script>

개인적으로 시도해 보세요

문법

clearTimeout(timeoutId)

매개변수

매개변수 설명
timeoutId 필수.setTimeout() 메서드 반환된 id.

반환 값

없음.

설명

clearTimeout() 지정된 코드 실행을 취소하는 메서드 호출 setTimeout() 메서드 이 코드를 지연 실행할 수 있습니다. 매개변수 timeoutId 호출 setTimeout() 메서드 이후 반환 값은, 취소할 미래 실행 코드 블록(여러 개가 있을 수 있습니다)을 나타냅니다.

브라우저 지원

所有浏览器都支持 clearTimeout()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
지원 지원 지원 지원 지원 지원