Venster clearInterval()
Voorbeeld
Wys die tyd een keer elke sekonde. Gebruik clearInterval() om die tyd te stop:
const myInterval = setInterval(myTimer, 1000);
function myTimer() {
const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction() {
clearInterval(myInterval);
}
Meer voorbeelde hieronder.
Definisie en gebruik
Die clearInterval()
metode maak 'n timer wat met die
setInterval()
metode gestel is skoon.
Let wel
Om 'n interval skoon te maak, gebruik die id wat van setInterval():
myInterval = setInterval(function, milliseconds);
Dan kan jy die uitvoering stop deur clearInterval():
clearInterval(myInterval);
Sien ook:
Sintaksis
clearInterval(intervalId)
Grense
Parameter | Description |
intervalId | Required. The interval id returned from setInterval(). |
Terugkeerwaarde
GEEN |
Meer voorbeelde
Wissel tussen twee agtergrondkleure een keer elke 500 millisekondes:
const myInterval = setInterval(setColor, 500);
function setColor() {
let x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
clearInterval(myInterval);
}
Gebruik setInterval() en clearInterval() om 'n dinamiese vorderingsbalk te skep:
function move() {
const element = document.getElementById("myBar");
let width = 0;
const id = setInterval(frame, 100);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
element.style.width = width + '%';
}
}
}
Blaaierondersteuning
clearInterval()
word in alle blaaiers ondersteun:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |