JavaScript'te setInterval Fonksiyonu ile Çalışmanın Temelleri

Bu derste, JavaScript'te zamanlayıcılarla çalışmayı öğreneceğiz. Zamanlayıcıları anladıktan sonra, sayfada belirli bir zaman aralığından sonra otomatik olarak bazı işlemleri gerçekleştirebileceksiniz. Örneğin, her saniye resimlerin değiştiği bir resim slaytı yapılabilir.

JavaScript'te zamanlayıcılarla çalışmak için setInterval fonksiyonu kullanılır, bu fonksiyon belirli aralıklarla verilen kodu çalıştırır.

Bu fonksiyon şu şekilde çalışır: ilk parametre olarak bir fonksiyonun kaynak kodunu alır, ikinci parametre olarak ise - bu fonksiyonun otomatik olarak çağrılacağı aralığı alır. İkinci parametre milisaniye cinsinden belirtilir (1000 milisaniye = 1 saniye).

Hadi fonksiyonun çalışmasını bir örnek üzerinde inceleyelim. Örneğin, her saniye konsola bir şeyler yazdıran bir kod yazalım.

İlk olarak, konsola bir şeyler yazdıran bir fonksiyon yapalım:

function zamanlayici() {
	console.log('!');
}

Şimdi ise setInterval kullanarak oluşturduğumuz fonksiyonun her saniye çalışmasını sağlayalım:

setInterval(zamanlayici, 1000);

function zamanlayici() {
	console.log('!');
}

Ayrı bir fonksiyon oluşturmak zorunda değilsiniz - setInterval fonksiyonunun ilk parametresine doğrudan bir isimsiz fonksiyon iletebilirsiniz, işte şu şekilde:

setInterval(function() {
	console.log('!');
}, 1000);

Her 3 saniyede bir konsola bir şeyler yazdıran bir zamanlayıcı başlatın.