En son web geliştirme öğreticiler
 

pencere clearInterval() Method

<Pencere Nesne

Örnek

Geçerli saati gösterir (the setInterval() metodu sadece dijital saat gibi, işlevini bir kez her 1 saniye çalıştırır). Kullan clearInterval() zamanı durdurmak:

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);
}
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.


Tanımı ve Kullanımı

clearInterval() metodu ile belirlenen bir zamanlayıcı temizler setInterval() yöntemi.

Tarafından döndürülen kimlik değeri setInterval() için parametre olarak kullanılmaktadır clearInterval() yöntemi.

Not: kullanmak edebilmek için clearInterval() aralık yöntemi oluştururken yöntemi, bir global değişken kullanmalıdır:

myVar = setInterval(" Sonra clearInterval () yöntemini çağırarak yürütülmesine durdurmak mümkün olacak.


Tarayıcı Desteği

Tablodaki rakamlar tam yöntemini destekleyen ilk tarayıcı sürümü belirtin.

Method
clearInterval() 1.0 4.0 1.0 1.0 4.0

Sözdizimi

clearInterval( Parametre Değerleri
Parametre Açıklama
id_of_setinterval Gereklidir. Tarafından döndürülen zamanlayıcının İD setInterval() metodu

Teknik detaylar

Geri dönüş değeri: Hiçbir dönüş değeri

Örnekler

Diğer Örnekler

Örnek

O tarafından durdurulana kadar, bir kez her 300 milisaniye iki arka plan renkleri arasında geçiş 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);
}
Kendin dene "

Örnek

Kullanılması setInterval() ve clearInterval() dinamik bir ilerleme çubuğu oluşturmak için:

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

İlgili Sayfalar

Pencere Nesne: href="met_win_setinterval.html"> setInterval() Method

Pencere Nesne: href="met_win_settimeout.html"> setTimeout() Method

Pencere Nesne: href="met_win_cleartimeout.html"> clearTimeout() Method


<Pencere Nesne