Window clearTimeout() method

Definition and usage

clearTimeout() Method to clear the use setTimeout() method The timer set.

Prompt

If you need to clear the timeout, please use the method from setTimeout() method The returned id:

myTimeout = setTimeout(function, milliseconds);

Then you can call 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 cancelled (there can be multiple).

Browser support

All Browsers Support clearTimeout():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support Support Support Support Support Support