Window clearTimeout() methode

Definitie en gebruik

clearTimeout() Methode om te wissen setTimeout() methode ingestelde timer.

Waarschuwing

Als je de timeout wilt wissen, gebruik dan de methode van setTimeout() methode Teruggegeven id:

myTimeout = setTimeout(functie, milliseconden);

Dan kun je door een aanroep te doen clearTimeout() om de uitvoering te stoppen:

clearTimeout(myTimeout);

Zie ook:

setTimeout() methode

setInterval() methode

clearInterval() methode

Voorbeeld

Voorbeeld 1

Hoe voorkomt u dat myGreeting() wordt uitgevoerd:

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

Probeer het zelf

Voorbeeld 2

Dit voorbeeld heeft een "Start" knop voor het starten van de timer, een invoerveld voor de teller en een "Stop" knop voor het stoppen van de 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>

Probeer het zelf

Syntax

clearTimeout(timeoutId)

Parameter

Parameter Beschrijving
timeoutId Verplicht.setTimeout() methode Teruggegeven id.

Retourwaarde

Geen.

Beschrijving

clearTimeout() methode annuleert de uitvoering van gespecificeerde code, aanroep setTimeout() methode kan deze code uitstellen om uit te voeren. Parameter timeoutId is het aanroepen setTimeout() methode naar teruggegeven waarde, die het uit te voeren uitgestelde codeblok identificeert dat moet worden geannuleerd (kan meerdere zijn).

Browser ondersteuning

All browsers support clearTimeout():

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