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.