方法 Window clearInterval()

定义和用法

clearInterval() 方法清除使用 Kaedah setInterval() 设置的计时器。

提示

如需清除间隔，请使用 setInterval() 返回的 id：

myInterval = setInterval(function, milliseconds);

然后你可以通过调用 clearInterval() 来停止执行：

clearInterval(myInterval);

另请参阅：

Kaedah setInterval()

方法 setTimeout()

Kaedah clearTimeout()

Contoh

Contoh 1

Tunjuk masa sekali setiap saat. Gunakan clearInterval() untuk berhenti masa:

const myInterval = setInterval(myTimer, 1000);
function myTimer() {
  const date = new Date();
  document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction() {
  clearInterval(myInterval);
}

Cuba sendiri

Contoh 2

Tukar warna latar belakang dalam tempoh 500 milisan untuk sekali:

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

Cuba sendiri

Contoh 3

Cipta bahan gerakkan tingkah laku dengan setInterval() dan clearInterval():

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

Cuba sendiri

Sintaks

clearInterval(intervalId)

Parameter

Parameter Penerangan
intervalId Wajib. Dari setInterval() Kembalikan id tempoh.

Kembalikan nilai

Tiada.

Penghuraian

clearInterval() kaedah akan berhenti melaksanakan kod berkala yang ditentukan, operasi untuk kod ini adalah memanggil Kaedah setInterval() mengaktifkan. Parameter intervalId mesti dipanggil Kaedah setInterval() kembalikan nilai setelahnya.

Pemilik pelayar

Semua pelayar mendukung clearInterval():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan Dukungan