Exemplu
Afișează ora curentă (the setInterval() metoda va executa funcția dată la fiecare 1 secundă, la fel ca un ceas digital). Utilizați clearInterval() pentru a opri timpul:
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);
}
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
clearInterval() metoda șterge un temporizator setat cu setInterval() metoda.
Valoarea ID returnat de setInterval() este folosit ca parametru pentru clearInterval() metoda.
Notă: Pentru a putea utiliza clearInterval() metoda, trebuie să utilizați o variabilă globală la crearea metodei intervalului:
myVar = setInterval(" Apoi, va fi capabil să oprească execuția prin apelarea metodei clearInterval ().
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin metoda.
Method
clearInterval()
1.0
4.0
1.0
1.0
4.0
Sintaxă
clearInterval( Valorile parametrilor Parametru Descriere id_of_setinterval Necesar. ID - ul cronometrului returnat de setInterval() metoda
Detalii tehnice
Întoarcere Valoare: Nici o valoare returnată
Mai multe exemple
Exemplu
Comuta între două culori de fundal o dată la fiecare 300 de milisecunde, până când acesta este oprit de 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);
} Încearcă - l singur »
Exemplu
Utilizarea setInterval() și clearInterval() pentru a crea o bară de progres dinamic:
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 + '%';
}
}
} Încearcă - l singur »
Pagini similare
Fereastra obiect: href="met_win_setinterval.html"> setInterval() Method
Fereastra obiect: href="met_win_settimeout.html"> setTimeout() Method
Fereastra obiect: href="met_win_cleartimeout.html"> clearTimeout() Method
<Fereastra Object