창 clearTimeout()
실시예 1
myGreating() 실행을 방지하는 방법:
const myTimeout = setTimeout(myGreating, 3000);
function myGreating() {
document.getElementById("demo").innerHTML = "Happy Birthday to You !!"
}
function myStopFunction() {
clearTimeout(myTimeout);
}
아래에 더 많은 예가 있습니다.
정의 및 사용
메서드 는 메서드 clearTimeout()
로 설정된 타이머를 지웁니다
setTimeout()
.
메모
시간 초과를 지우려면 setTimeout()에서 반환된 ID 를 사용하세요.
myTimeout = setTimeout(function, milliseconds);
그런 다음 clearTimeout()을 호출하여 실행을 중지할 수 있습니다.
clearTimeout(myTimeout);
또한보십시오:
통사론
clearTimeout(id_of_settimeout)
매개변수
Parameter | Description |
timeout id | Required. The id returned by the setTimeout() method. |
반환 값
없음 |
더 많은 예
이 예에는 타이머를 시작하는 "시작" 버튼, 카운터에 대한 입력 필드, 타이머를 중지하는 "중지" 버튼이 있습니다.
<button onclick="startCount()">Start count!</button>
<input type="text" id="demo">
<button onclick="stopCount()">Stop count!</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()
모든 브라우저에서 지원됩니다:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |