logo

JavaScript setInterval() yöntemi

setInterval() JavaScript'teki yöntem, belirli bir işlevi belirli bir zaman aralığında tekrarlamak için kullanılır. Bir ifadeyi değerlendirir veya belirli aralıklarla bir işlevi çağırır. Bu yöntem, pencere kapatılıncaya veya clearInterval() yöntem adı verilir. Bu yöntem, oluşturulan zamanlayıcıyı tanımlayan sayısal bir değer veya sıfırdan farklı bir sayı döndürür.

Farklı olarak setTimeout() yöntem, setInterval() yöntem, işlevi birden çok kez çağırır. Bu yöntem ile veya olmadan yazılabilir. pencere önek.

Yaygın olarak kullanılan sözdizimi setInterval() yöntem aşağıda verilmiştir:

Sözdizimi

 window.setInterval(function, milliseconds); 

Parametre değerleri

Bu yöntem iki parametre değeri alır işlev Ve milisaniye bunlar aşağıdaki gibi tanımlanır.

işlev: Çalıştırılacak kod bloğunu içeren fonksiyondur.

milisaniye: Bu parametre, her yürütme arasındaki zaman aralığının uzunluğunu temsil eder. Aralık milisaniye cinsindendir. Kodun ne sıklıkta yürütüleceğini tanımlar. Değeri 10'dan küçükse 10 değeri kullanılır.

İnfaz nasıl durdurulur?

Şunu kullanabiliriz: clearInterval() belirtilen işlevin yürütülmesini durdurma yöntemi setInterval() yöntem. Tarafından döndürülen değer setInterval() yöntemin argümanı olarak kullanılabilir. clearInterval() Zaman aşımını iptal etme yöntemi.

kullanımını anlayalım setInterval() bazı illüstrasyonlar kullanarak yöntem.

Örnek 1

Bu, kullanımın basit bir örneğidir setInterval() yöntem. Burada 3 saniye aralıklarla bir uyarı iletişim kutusu görüntülenir. Belirtilen işlevin yürütülmesini durdurmak için herhangi bir yöntem kullanmıyoruz. setInterval() yöntem. Böylece yöntem, pencere kapatılıncaya kadar işlevin yürütülmesine devam eder.

 setInterval() method <h3> This is an example of using the setInterval() method </h3> <p> Here, the background color changes on every 200 milliseconds. </p> Stop var var1 = setInterval(color, 200); function color() { var var2 = document.body; var2.style.backgroundColor = var2.style.backgroundColor == &apos;lightblue&apos; ? &apos;lightgreen&apos; : &apos;lightblue&apos;; } function stop() { clearInterval(var1); } 
Şimdi Test Edin

Çıktı

JavaScript setInterval() yöntemi

Arka planın rengi 200 milisaniye sonra değişmeye başlayacaktır. Belirtilene tıklandığında durmak düğmesine basıldığında, renkler arasındaki geçiş ilgili arka plan renginde durdurulacaktır. Düğmeye tıkladıktan sonraki çıktı şu şekilde olacaktır:

JavaScript setInterval() yöntemi