Window clearTimeout() metoden

Definition og brug

clearTimeout() metoden for at fjerne brug setTimeout() method opsatte tidsure med

Advarsel

Hvis du vil fjerne tidsudskydelse, brug setTimeout() method Retur-id:

myTimeout = setTimeout(function, milliseconds);

Dernæst kan du kalde 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 to 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
Support Support Support Support Support Support