tutorial pengembangan web terbaru
 

Jendela clearInterval() Method

<Jendela Object

Contoh

Menampilkan waktu saat ini (the setInterval() metode akan melaksanakan fungsi sekali setiap 1 detik, seperti jam tangan digital). Gunakan clearInterval() untuk menghentikan waktu:

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);
}
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

The clearInterval() metode membersihkan timer diatur dengan setInterval() metode.

ID nilai yang dikembalikan oleh setInterval() digunakan sebagai parameter untuk clearInterval() metode.

Catatan: Untuk dapat menggunakan clearInterval() metode, Anda harus menggunakan variabel global saat membuat metode Interval:

myVar = setInterval(" Kemudian Anda akan dapat menghentikan eksekusi dengan memanggil metode clearInterval ().

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.

Method
clearInterval() 1.0 4.0 1.0 1.0 4.0

Sintaksis

clearInterval( Nilai parameter
Parameter Deskripsi
id_of_setinterval Wajib. ID timer dikembalikan oleh setInterval() metode

Rincian teknis

Kembali Nilai: Tidak ada nilai pengembalian
contoh

Contoh lebih

Contoh

Beralih di antara dua warna background sekali setiap 300 milidetik, sampai dihentikan oleh 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);
}
Cobalah sendiri "

Contoh

Menggunakan setInterval() dan clearInterval() untuk membuat progress bar yang dinamis:

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

Pages terkait

Jendela Object: href="met_win_setinterval.html"> setInterval() Method

Jendela Object: href="met_win_settimeout.html"> setTimeout() Method

Jendela Object: href="met_win_cleartimeout.html"> clearTimeout() Method

<Jendela Object