Kurs Önerileri:

Window clearInterval() Metodu

clearInterval() Tanım ve Kullanım setInterval() yöntemi ayarlanan zamanlayıcıyı kullanarak temizleyin.

Uyarı

Aralığı temizlemek için lütfen: setInterval() Dönen id:

myInterval = setInterval(function, milliseconds);

Sonra bu işlemini çağırarak yapabilirsiniz: clearInterval() uygulamasını durdurmak için:

clearInterval(myInterval);

Ayrıca bkz:

setInterval() yöntemi

setTimeout() Metodu

clearTimeout() yöntemi

Örnek

Örnek 1

Her saniyede bir zamanı gösterin. 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);
}

Kişisel olarak deneyin

Örnek 2

Her 500 milisaniyede iki arka plan rengi arasında bir kez değiştirin:

const myInterval = setInterval(setColor, 500);
function setColor() {
  let x = document.body;
  x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
  clearInterval(myInterval);
}

Kişisel olarak deneyin

Örnek 3

setInterval() ve clearInterval() kullanarak dinamik ilerleme çubuğu oluşturma:

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 + '%';
    }
  }
}

Kişisel olarak deneyin

Gramer

clearInterval(intervalId)

Parametre

Parametre Açıklama
intervalId Gerekli. setInterval() Dönüşen aralık kimliği.

Dönüş değeri

Yok.

Açıklama

clearInterval() yöntem, belirli bir kodun周期ik olarak çalışmasını durdurur, bu kodların üzerindeki operasyonlar setInterval() yöntemi başlatan. Parametre intervalId olmalıdır setInterval() yöntemi dönüş değeri.

Tarayıcı desteği

Tüm tarayıcılar destekler clearInterval()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Destek Destek Destek Destek Destek Destek