Bu öğreticide, örnekler yardımıyla JavaScript setInterval () yöntemi hakkında bilgi edineceksiniz.
JavaScript'te, belirli zaman aralıklarında bir kod bloğu çalıştırılabilir. Bu zaman aralıklarına zamanlama olayları denir.
Belirli aralıklarla kod çalıştırmak için iki yöntem vardır. Onlar:
- setInterval ()
- setTimeout ()
Bu eğitimde, setInterval()yöntem hakkında bilgi edineceksiniz .
JavaScript setInterval ()
setInterval()Yöntem, verilen her bir zamanlama etkinliğinde bir kod bloğunu tekrar eder.
JavaScript setInterval'in yaygın olarak kullanılan sözdizimi şudur:
setInterval(function, milliseconds);
Parametreleri:
- işlev - bir kod bloğu içeren bir işlev
- milisaniye - işlevin yürütülmesi arasındaki zaman aralığı
setInterval()Yöntem, bir döner intervalId pozitif bir tamsayıdır.
Örnek 1: Her 1 Saniyede Bir Metin Görüntüle
// program to display a text using setInterval method function greet() ( console.log('Hello world'); ) setInterval(greet, 1000);
Çıktı
Merhaba dünya Merhaba dünya Merhaba dünya Merhaba dünya Merhaba dünya….
Yukarıdaki programda, setInterval()yöntem greet()işlevi her 1000 milisaniyede ( 1 saniye) çağırır .
Bu nedenle program her 1 saniyede bir Hello world metnini görüntüler .
Not : Bu setInterval()yöntem, bir kod bloğunu birden çok kez tekrarlamak istediğinizde kullanışlıdır. Örneğin, sabit bir aralıkta bir mesaj göstermek.
Örnek 2: Her 5 Saniyede Görüntüleme Süresi
// program to display time every 5 seconds function showTime() ( // return new date and time let dateTime= new Date(); // return the time let time = dateTime.toLocaleTimeString(); console.log(time) ) let display = setInterval(showTime, 5000);
Çıktı
"17:15:28" "17:15:33" "17:15:38"….
Yukarıdaki program her 5 saniyede bir geçerli zamanı gösterir .
new Date()güncel tarih ve saati verir. Ve toLocaleTimeString()şimdiki zamanı döndürür. Tarih ve saat hakkında daha fazla bilgi edinmek için JavaScript Tarih ve Saati sayfasını ziyaret edin.
JavaScript clearInterval ()
Yukarıdaki örnekte gördüğünüz gibi, program belirtilen her zaman aralığında bir kod bloğu yürütür. Bu işlev çağrısını durdurmak istiyorsanız, clearInterval()yöntemi kullanabilirsiniz .
clearInterval()Yöntemin sözdizimi şöyledir:
clearInterval(intervalID);
Burada yöntemin intervalIDdönüş değeri budur setInterval().
Örnek 3: clearInterval () Yöntemini kullanın
// program to stop the setInterval() method after five times let count = 0; // function creation let interval = setInterval(function()( // increasing the count by 1 count += 1; // when count equals to 5, stop the function if(count === 5)( clearInterval(interval); ) // display the current time let dateTime= new Date(); let time = dateTime.toLocaleTimeString(); console.log(time); ), 2000);
Çıktı
16:47:41 16:47:43 16:47:45 16:47:47 PM 16:47:49
Yukarıdaki programda, setInterval()yöntem 2 saniyede bir geçerli zamanı görüntülemek için kullanılır . clearInterval()Yöntem sonrasında işlev çağrısı durur 5 kez.
setInterval()Yönteme ek argümanlar da iletebilirsiniz . Sözdizimi şöyledir:
setInterval(function, milliseconds, parameter1,… .paramenterN);
Eğer başka parametreler geçirdiğinizde setInterval()yöntemle, bu parametreler ( parameter1, parameter2vb) belirtmek geçilecek fonksiyonu .
Örneğin,
// program to display a name function greet(name, lastName) ( console.log('Hello' + ' ' + name + ' ' + lastName); ) // passing argument to setInterval setInterval(greet, 1000, 'John', 'Doe');
Çıktı
Merhaba John Doe Merhaba John Doe Merhaba John Doe….
Yukarıdaki programda iki parametre Johnve yönteme Doegeçilir setInterval(). Bu iki parametre greet(), setInterval()yöntemin içinde tanımlanan işleve (burada işlev) iletilecek argümanlardır .
Not: Bir işlevi yalnızca bir kez çalıştırmanız gerekiyorsa, setTimeout () yöntemini kullanmak daha iyidir.
