Ö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
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