En son web geliştirme öğreticiler
 

pencere setInterval() Method

<Pencere Nesne

Örnek

Uyarı "Hello" her 3 saniyede (3000 milliseconds) :

setInterval(function(){ alert("Hello"); }, 3000);
Kendin dene "

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

Tanımı ve Kullanımı

setInterval() yöntemi, bir işlevini çağırır ya da belirli aralıklarla bir ifade olarak değerlendirilir (in milliseconds) .

setInterval() metodu kadar işlevini çağıran devam edecektir clearInterval() olarak adlandırılan ya da pencere kapanır.

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

Tip: 1000 ms = 1 saniye.

İpucu: milisaniye belirli bir sayıda sonra, kullanmak, sadece bir kez bir işlevi yürütmek için setTimeout() yöntemini.

Tarayıcı Desteği

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

Yöntem
setInterval() 1.0 4.0 1.0 1.0 4.0

Sözdizimi

setInterval( function,milliseconds,param1,param2,... )

Parametre Değerleri

Parametre Açıklama
function Gereklidir. yürütülecek işlevi
milliseconds Gereklidir. Aralıkları (in milliseconds) kodu çalıştırmak için ne sıklıkta
param1,param2,... İsteğe bağlı. Ek parametreler fonksiyonu (Not IE9 desteklenir ve öncesi) geçmek

Teknik detaylar

Geri dönüş değeri: ayarlanır zamanlayıcının İD değerini temsil eden bir sayı,. Bu değer, kullanma clearInterval() zamanlayıcıyı iptal etmek için bir yöntem
Örnekler

Diğer Örnekler

Örnek

Ayrıca başvurabilirsiniz "named" fonksiyonu; Uyarı "Hello" her 3 saniyede (3000 milliseconds) :

var myVar;

function myFunction() {
    myVar = setInterval(alertFunc, 3000);
}

function alertFunc() {
    alert("Hello!");
}
Kendin dene "

Örnek

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

var myVar = setInterval(function(){ myTimer() }, 1000);

function myTimer() {
    var d = new Date();
    var t = d.toLocaleTimeString();
    document.getElementById("demo").innerHTML = t;
}
Kendin dene "

Örnek

Kullanılması clearInterval() önceki örnekte zaman durdurmak için:

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 "

Ö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, 10);
  function frame() {
    if (width == 100) {
      clearInterval(id);
    } else {
      width++;
      elem.style.width = width + '%';
    }
  }
}
Kendin dene "

Örnek

bir kere iki arka plan renkleri her 300 milisaniyede arasında geçiş yapma:

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

AlertFunc işlevine parametreleri geçirin (does not work in IE9 and earlier) :

var myVar;

function myStartFunction() {
    myVar = setInterval(alertFunc, 2000, "First param", "Second param");
}
Kendin dene "

Eğer isimsiz işlevini kullanın Ancak, tüm tarayıcılarda çalışır:

var myVar;

function myStartFunction() {
    myVar = setInterval(function(){ alertFunc("First param", "Second param"); }, 2000);
}
Kendin dene "

İlgili Sayfalar

Pencere Nesne: href="met_win_clearinterval.html"> clearInterval() Method

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

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

<Pencere Nesne