JavaScript'te setInterval ve setTimeout Nedir?

JavaScript'te zamanlayıcı fonksiyonlar, belirli bir süre sonra bir işlevin yürütülmesini planlamak için kullanılır. İki temel zamanlayıcı fonksiyon vardır: setTimeout ve setInterval. Bu makalede, bu iki fonksiyonun ne işe yaradığını ve nasıl kullanıldığını öğreneceğiz.

- setTimeout fonksiyonu, belirli bir süre sonra bir işlevin bir kez çalıştırılmasını sağlar. Temel sözdizimi şu şekildedir:

setTimeout(function, gecikme);


Örnek Kullanım:

setTimeout(function() {
  console.log("3 saniye sonra bu mesaj görüntülenecek");
}, 3000);

- setInterval fonksiyonu, belirli aralıklarla bir işlevin tekrar tekrar çalıştırılmasını sağlar. Temel sözdizimi şu şekildedir:

setInterval(function, interval);
//interval=aralık


Örnek Kullanım:

setInterval(function() {
  console.log("Her 2 saniyede bir bu mesaj görüntülenecek");
}, 2000);

setTimeout ve setInterval Arasındaki Farklar


- Tek Seferlik vs. Tekrarlı Çalıştırma: setTimeout yalnızca bir kez çalışırken, setInterval belirli aralıklarla sürekli olarak çalışır.
- Geri Çağırma (Callback) Zamanlaması: setTimeout ile belirtilen gecikme süresinden sonra işlev çağrılırken, setInterval ile belirtilen aralıklarla işlev sürekli çağrılır.


Kullanım Alanları


- Animasyonlar: Belirli aralıklarla görsel değişiklikler yapmak için.
- Geri Sayımlar ve Zamanlayıcılar: Belirli bir süre sonra bir işlemi başlatmak veya durdurmak için.
- Düzenli İşlemler: Periyodik veri güncellemeleri veya kontrolleri yapmak için.


setTimeout ve setInterval, JavaScript'te zamanlanmış işlemleri gerçekleştirmek için kullanılan güçlü araçlardır. Doğru kullanıldıklarında, uygulamanızın işlevselliğini artırabilir ve kullanıcı deneyimini geliştirebilirler.


JavaScript Nedir?

Yine standart bir söz ile konuya girelim o zaman; “HTML bir bina ise CSS onun boyası, JavaScript ise o binanın su tesisatı, muslukları, elektrik tesisatı, aydınlatma sistemi, kısaca fonksiyonel olarak çalışan her şeyidir.” Bir HTML sayfasının dinamik olarak çalışmasından tutunda, tasarımsal olarak CSS’i aşıp daha farklı, hiç görülmemiş efekt yapılarına kadar, çok geniş bir alanı kontrol eden, web yazılımının geleceği olan bir konudur. Aslında kendisini abartıyormuş gibi gözüksemde aslında az bile söylüyorum. Zira kendisi ile yapılanları saymaya çalışırsak;


1. Web sitelerinde çalışan oyunlar.


2. CSS’i içerisinde barındırması, hâliyle çok daha güzel tasarımlar sağlaması.


3. Sunucu ile haberleşme sağlaması.


...