Window clearTimeout() -menetelmä

Määrittely ja käyttö

clearTimeout() Metodi poistaa käytetyn setTimeout() metodi Asetettu ajastin.

Hiljaisuus

Jos haluat poistaa aikavälin, käytä setTimeout() metodi Palautettu id：

myTimeout = setTimeout(function, milliseconds);

Sitten voit kutsua clearTimeout() laittaa lopettamaan suorittamisen:}}

clearTimeout(myTimeout);

Katso myös:

setTimeout() metodi

setInterval() metodi

clearInterval() metodi

Esimerkki

Esimerkki 1

Miten estetään myGreeting() suorittamisen:

const myTimeout = setTimeout(myGreeting, 3000);
function myGreeting() {
  document.getElementById("demo").innerHTML = "Onnellinen syntymäpäivä sinulle !!"
}
function myStopFunction() {
  clearTimeout(myTimeout);
}

Kokeile itse

Esimerkki 2

Tämä esimerkki sisältää "Aloita"-painikkeen ajastimen käynnistämiseksi, laskurin syötereen ja "Pysäytä"-painikkeen ajastimen pysäyttämiseksi:

<button onclick="startCount()">Aloita laskenta!</button>
<input type="text" id="demo">
<button onclick="stopCount()">Pysäytä laskenta!</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>

Kokeile itse

Syntaksi

clearTimeout(timeoutId)

Parametrit

Parametrit Kuvaus
timeoutId Välttämätön.setTimeout() metodi Palautettu id.

Palautusarvo

Ei mitään.

Selitys

clearTimeout() metodi peruu määritetyn koodin suorittamisen, kutsu setTimeout() metodi voi viivytetä näiden koodien suorittamista. Parametrit timeoutId on kutsu setTimeout() metodi jälkeen palautusarvo, joka määrittää poistettavan viivytetyn suorituslohkon (voi olla useita).

Selain tuki

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

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki Tuki