Pencere setiAralık()
Örnekler
Her saniyede bir "Merhaba" göster (1000 milisaniye):
setInterval(function () {element.innerHTML += "Hello"}, 1000);
Her saniye displayHello'yu arayın:
setInterval(displayHello, 1000);
Aşağıda daha fazla örnek.
Tanım ve Kullanım
Yöntem setInterval()
, belirli aralıklarla (milisaniye cinsinden) bir işlevi çağırır.
Yöntem , çağrılana veya pencere setInterval()
kapanana kadar işlevi çağırmaya devam eder
.clearInterval()
1 saniye = 1000 milisaniye.
Not
İşlevi yalnızca bir kez yürütmek için setTimeout()
bunun yerine yöntemi kullanın.
Bir aralığı temizlemek için setInterval() işlevinden döndürülen kimliği kullanın:
myInterval = setInterval(function, milliseconds);
Ardından clearInterval() işlevini çağırarak yürütmeyi durdurabilirsiniz:
clearInterval(myInterval);
Ayrıca bakınız:
Sözdizimi
setInterval(function, milliseconds, param1, param2, ...)
parametreler
Parameter | Description |
function | Required. The function to execute |
milliseconds | Required. The execution interval. If the value is less than 10, 10 is used |
param1, param2, ... | Optional. Additional parameters to pass to the function Not supported in IE9 and earlier. |
Geri dönüş değeri
Tip | Açıklama |
Bir sayı | Zamanlayıcının kimliği. Zamanlayıcıyı iptal etmek için bu kimliği clearInterval() ile kullanın. |
Daha fazla örnek
Örnek
Saati dijital bir saat gibi görüntüleyin:
setInterval(myTimer, 1000);
function myTimer()
{
const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
Örnek
Dijital saati durdurmak için clearInterval() kullanımı:
const myInterval = setInterval(myTimer, 1000);
function myTimer() {
const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction()
{
clearInterval(myInterval);
}
Örnek
Dinamik bir ilerleme çubuğu oluşturmak için setInterval() ve clearInterval()'i kullanma:
function move() {
const element = document.getElementById("myBar");
let width = 0;
let id = setInterval(frame, 10);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
element.style.width = width + '%';
}
}
}
Örnek
Her 500 milisaniyede bir iki arka plan rengi arasında geçiş yapın:
const myInterval = setInterval(setColor, 500);
function setColor() {
let x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
clearInterval(myInterval);
}
Örnek
Parametreleri işleve iletin (IE9 ve önceki sürümlerde çalışmaz):
setInterval(myFunc, 2000, "param1", "param2");
Ancak, anonim bir işlev kullanırsanız, tüm tarayıcılarda çalışır:
setInterval(function() {myFunc("param1", "param2")}, 2000);
Tarayıcı Desteği
setInterval()
tüm tarayıcılarda desteklenir:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |