Metode Window clearTimeout()

Definisi dan penggunaan

clearTimeout() Metode untuk menghapus penggunaan Method setTimeout() Pemrograman jam yang disetel.

Pemberitahuan

Untuk menghapus timeout, gunakan metode dari Method setTimeout() ID yang dikembalikan:

myTimeout = setTimeout(function, milliseconds);

Lalu Anda dapat memanggil clearTimeout() to stop execution:

clearTimeout(myTimeout);

See also:

Method setTimeout()

Method setInterval()

Method clearInterval()

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.Method setTimeout() Returned id.

Return value

None.

Description

clearTimeout() method to cancel the execution of specified code, call Method setTimeout() can delay the execution of these codes. Parameter timeoutId is called Method setTimeout() return value after, it identifies the delayed execution code block to be canceled (can be multiple).

Support browser

Semua peramban mendukung clearTimeout():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan Dukungan