JavaScript'te Gecikmeli Çalıştırma
Şimdi, kodu çalıştırmadan önce bir gecikme yapmamızı sağlayan
setTimeout fonksiyonunu inceleyelim.
Bu gecikme, setInterval fonksiyonunun aksine
sadece bir kez gerçekleşecek.
setTimeout, ilk parametre olarak bir fonksiyonun
kaynak kodunu, ikinci parametre olarak ise bu fonksiyonun
çalıştırılmasından önceki milisaniye cinsinden gecikmeyi alır.
Fonksiyonun çalışmasını bir örnek üzerinde görelim. Diyelim ki böyle bir butonumuz var:
<input type="submit" id="elem">
Butonumuza bir referansı bir değişkene atayalım:
let elem = document.querySelector('#elem');
Şimdi, butona tıklandığında ekrana bir alert
kutusunun hemen değil de, tıklamadan 3 saniye
sonra çıkmasını sağlayalım:
elem.addEventListener('click', function() {
setTimeout(function() {
alert('!');
}, 3000);
});
Bir paragraf verildi. Sayfa yüklendikten 10 saniye
sonra bu paragrafa bir mesaj yazdıracak kodu yazın.
