Beispiel
Anzeige die aktuelle Zeit (the setInterval() Methode wird die Funktion einmal alle 1 Sekunde ausführen, wie eine digitale Uhr). Verwenden Sie clearInterval() Zeit zu stoppen:
var myVar = setInterval(function(){ myTimer() }, 1000);
function myTimer()
{
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("demo").innerHTML = t;
}
function myStopFunction()
{
clearInterval(myVar);
}
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die clearInterval() Methode löscht einen Zeitgeber mit der eingestellten setInterval() Methode.
Der ID - Wert zurückgegeben durch setInterval() wird als Parameter für die verwendete clearInterval() Methode.
Hinweis: Um das verwenden clearInterval() Methode, müssen Sie eine globale Variable verwenden , wenn die Intervall - Methode zu erstellen:
myVar = setInterval(" Dann werden Sie in der Lage, die Ausführung zu stoppen, indem die clearInterval () -Methode aufrufen.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Methode vollständig unterstützt.
Method
clearInterval()
1.0
4.0
1.0
1.0
4.0
Syntax
clearInterval( Parameterwerte Parameter Beschreibung id_of_setinterval Erforderlich. Die ID des Timers durch die zurück setInterval() Methode
Technische Details
Rückgabewert: Kein Rückgabewert
Mehr Beispiele
Beispiel
Umschalten zwischen zwei Hintergrundfarben einmal alle 300 Millisekunden, bis sie durch gestoppt wird clearInterval() :
var myVar = setInterval(function(){ setColor() }, 300);
function
setColor() {
var x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" :
"yellow";
}
function stopColor() {
clearInterval(myVar);
} Versuch es selber "
Beispiel
Mit setInterval() und clearInterval() ein dynamischen Fortschrittsbalken zu erstellen:
function move() {
var elem = document.getElementById("myBar");
var width = 0;
var id = setInterval(frame, 100);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
elem.style.width = width + '%';
}
}
} Versuch es selber "
Verwandte Seiten
Fensterobjekt: href="met_win_setinterval.html"> setInterval() Method
Fensterobjekt: href="met_win_settimeout.html"> setTimeout() Method
Fensterobjekt: href="met_win_cleartimeout.html"> clearTimeout() Method
<Fensterobjekt