Ang Window clearTimeout() na paraan

Paglilinaw at paggamit

clearTimeout() Ang paraan ng pagtanggal gamit ang setTimeout() Method Ang oras na naitakdang oras.

Mga babala

Kung gusto mong tanggalin ang timeout, gamitin ang setTimeout() Method Ang ibinabalik na id:

myTimeout = setTimeout(function, milliseconds);

Pagkatapos, maaari kang tumawag clearTimeout() to stop execution:

clearTimeout(myTimeout);

See also:

setTimeout() Method

setInterval() Method

clearInterval() Method

Instance

Example 1

How to prevent myGreeting() from executing:

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

Try it yourself

Example 2

This example has a 'Start' button to start the timer, an input field for the counter, and a 'Stop' button to stop the timer:

<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>

Try it yourself

Syntax

clearTimeout(timeoutId)

Parameter

Parameter Description
timeoutId Required.setTimeout() Method The returned id.

Return Value

None.

Description

clearTimeout() Method cancels the execution of specified code, call setTimeout() Method Can delay the execution of these codes. Parameter timeoutId is the call setTimeout() Method The returned value after, it identifies the deferred execution code block to be canceled (can have multiple).

Browser Support

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

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 支持 支持 支持 支持 支持