Metode Window clearInterval()

Definisi dan penggunaan

clearInterval() Metode untuk menghapus Metode setInterval() jam yang ditetapkan.

Pemberitahuan

Untuk menghapus jeda, gunakan setInterval() ID yang kembali:

myInterval = setInterval(fungsi, milliseconds);

Lalu Anda dapat memanggil clearInterval() untuk berhenti eksekusi:

clearInterval(myInterval);

Lihat pula:

Metode setInterval()

Metode setTimeout()

Metode clearTimeout()

Contoh

Contoh 1

Tampilkan waktu setiap detik. Gunakan clearInterval() untuk menghentikan waktu:

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

Coba sendiri

Contoh 2

Ganti warna latar belakang dua kali setiap 500 milidetik:

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

Coba sendiri

Contoh 3

Buat bantalan progresi dinamis menggunakan 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 + '%';
    }
  }
}

Coba sendiri

Sintaks

clearInterval(intervalId)

Parameter

Parameter Deskripsi
intervalId Diperlukan. Dari setInterval() Kembalian id interval.

Kembalian

Tidak ada.

Keterangan

clearInterval() Metode akan menghentikan eksekusi periodik kode yang ditentukan, operasi yang dilakukan terhadap kode adalah memanggil Metode setInterval() Memulai. Parameter intervalId Harus dipanggil Metode setInterval() Kembalian setelahnya.

Pendukung Peramban

Semua peramban mendukung clearInterval()：

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