Jquery Settimeout Kullanımı
Javascript

Jquery Settimeout Kullanımı

Merhaba arkadaşlar. Bu makalede setTimeout fonksiyonunun kullanımına örnek vererek anlatmaya çalışacağım. Öncelikle ne işe yaradığı konusuna değinelim. Bir işi belirli bir zaman sonra aktif hale getirmek diyebilirim. Bu zamanı tabiki biz ayarlıyoruz. Bu fonksiyon ile ne yapabiliriz diye soracak olursanız tamamen sizin yaratıcılığınıza kalmış birşeydir. Ben bu makalede web site açılışı için bir intro, açılış-bekleme ekranı yapacağım. Siteniz ilk açıldığında yukarıdaki loading görseli çıkacak ve bir süre bekledikten sonra loading görseli kaybolacak ve siteniz görünecektir.

<div id="sitemiz" style="display:none;">
Site
</div>
<div id="loading">
<img src="loading.gif">
</div>
Burada sitemiz divini display ile gizledik. Sitemizin bu divin içerisinde yer aldığını varsayıyoruz ve hemen javascript kodlarımıza geçiyoruz.
setTimeout(function() {
$(document).ready(function(){
$('#sitemiz').show(1);
$('#loading').hide(1);
});
}, 5000);
Burada fonksiyonumuzu yazdık. Böylelikle loading görselini 5 saniye ekranda gösterdik. Süre bitiminde loading görselini gizledik ve sitemiz divini görünür yaptık. Böylelikle bu makalemizinde sonuna geldik. Sonraki makalede görüşmek dileğiyle...


author

Aykut Erdoğan

settimeout, jquery, javascript

  • Bu Yazılara da Gözat:

    1 Yorum

    author

    Cevapla