Etiket arşivi: zamanlayıcı

Jquery ile Timer Kullanımı ve Örneği

jquery timer zamanlayıcı

Jquery ile timer kullanarak istediğiniz fonksiyonu veya kod kümesini belli zaman aralıklarında çalıştırabilirsiniz

Kullanışlı bir javascript kütüphanesi olan çoğu işlemi kısa yoldan yapabiliyoruz

Aşağıdaki örnekte jquery ile timer kullanımına örnek verdim

Verilen örnekte 3 saniyede bir ekrana alert verdiriyoruz

alert in olduğu satırı silip içerisinde çalışmasını istediğiniz şeyleri yazabilirsiniz.

(3000 milisaniye değeridir)

<!doctype html>

<!-- Sayfaya jquery kütüphanesini dahil ediyoruz -->
<script src="http://www.mehmetcanyegen.com.tr/wp-content/uploads/2014/06/jquery-1.11.1.min3.js"></script>

<script>

$(document).ready(function(){
setInterval(function() {
alert("1");
}, 3000);
});
</script>

setInvertal ile başlayan kısım timer görevini görüyor.

Bunu document.ready içerisine yazarak sayfa ilk açıldığında çalışmasını sağlıyoruz

Ayrıca sayfa ilk yüklendiğinde çalışmasını istediğimiz JavaScript kodlarını direk olarak yazmaktansa document.ready içerisine yazarak oluşacak load problemlerinden de kurtarmış oluyoruz.

Page load olarak çalışmasını istediğiniz kodları document.ready içerisinde kullanmaya özen gösterin