Javascript SetTimeout, Benim sıkça kullandığım fonksiyonlardan biride setTimeout fonksiyonudur bu fonksiyon sayesinde değerini belirteceğiniz milisaniye sonra fonksiyon içerisindeki kodlarınızın çalışmasını sağlayabilirsiniz.
Javascript SetTimeout Nedir, Örnekli Nasıl Kullanılır?
Javascript’de benim sıkça kullandığım fonksiyonlardan biride setTimeout fonksiyonudur bu fonksiyon sayesinde değerini belirteceğiniz milisaniye sonra fonksiyon içerisindeki kodlarınızın çalışmasını sağlayabilirsiniz.
setTimeout fonksiyon yazılışı
1 2 3 | setTimeout(function(){ //yapılacaklar },3000); //3 saniye beklet |
Yukarıdaki örneğimizde 3000 milisaniye yani 3 saniye sonra “yapılacaklar” diye belirtmiş olduğumuz blokdaki kodların çalışması sağlanacaktır.
Örnek
Şimdi altta bir örnek ile butona tıkladığımızda 3 saniye sonra tıklandı mesajı çıkaran bir fonksiyon tanımlayalım ve 3 saniye sonra mesajın çıkmasını istediğimiz için setTimeout fonksiyonu kullanılacaktır.
Javascript kodu
1 2 3 4 5 6 | function beklet() { setTimeout(function(){ alert("Tıklandı."); },3000); } |
Html Kodu
1 | <button onclick="beklet()">Tıkla</button> |
Üstteki html kodunda yer alan button elemetinin onclick olayında üstte javascript kodu kısmında tanımlamış olduğumuz beklet() adlı fonksiyonun çalışmasını sağlıyoruz.
Demo
Üstteki demoda da görebileceğiniz gibi Tıkla adındaki html button türündeki element’e tıklama sonrası belirttiğimiz 3000ms yani 3sn sonra ekrana Tıklandı içeriğinde bir alert gösterimini sağlamış olduk.
📚 Benzer Kaynaklar
- Javascript Media Query Nedir ve Nasıl Kullanılır?
- Javascript array işlemleri için yardımcı olabilecek ipuçları
✍ Lütfen olumlu-olumsuz tüm görüşlerinizi bana yorum yada mail yolu ile iletmeyi ihmal etmeyin.
🔗 Sosyal medya kanallarından makaleyi paylaşarak destek olursanız çok sevinirim.
👋 Bir sonraki makalede görüşmek dileğiyle.