Pencere clearInterval()
Örnek
Saati saniyede bir kez görüntüleyin. Zamanı durdurmak için clearInterval() kullanın:
const myInterval = setInterval(myTimer, 1000);
function myTimer() {
const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction() {
clearInterval(myInterval);
}
Aşağıda daha fazla örnek.
Tanım ve Kullanım
Yöntem clearInterval()
, yöntemle birlikte ayarlanmış bir zamanlayıcıyı temizler
setInterval()
.
Not
Bir aralığı temizlemek için setInterval() işlevinden döndürülen kimliği kullanın:
myInterval = setInterval(function, milliseconds);
Ardından clearInterval() işlevini çağırarak yürütmeyi durdurabilirsiniz:
clearInterval(myInterval);
Ayrıca bakınız:
Sözdizimi
clearInterval(intervalId)
parametreler
Parameter | Description |
intervalId | Required. The interval id returned from setInterval(). |
Geri dönüş değeri
YOK |
Daha fazla örnek
Her 500 milisaniyede bir iki arka plan rengi arasında geçiş yapın:
const myInterval = setInterval(setColor, 500);
function setColor() {
let x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
clearInterval(myInterval);
}
Dinamik bir ilerleme çubuğu oluşturmak için setInterval() ve clearInterval()'i kullanma:
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 + '%';
}
}
}
Tarayıcı Desteği
clearInterval()
tüm tarayıcılarda desteklenir:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |