jQuery GeriSayım Sayacı Eklentisi CountDown
zamanlı işlemler yaptıran ve ne kadar zaman kaldığını kulanıcıya göstermek isteyenler için basit ve kullanışlı bir geri sayım sayacı hazırladım.
Tabi durduk yere hazırlamadım bana lazım oldu yaptım yapmışken sizlerle de paylaşayım dedim.
Öncelikle Eklentimizi Github üzerinden İndiriyoruz.
akdoganSayac Kullanımı
Eklentimizin 3 parametresi var
Gün: Default Değeri 10
Saat: Default Değeri 24
Dakika: Default Değeri 60
Saniye: Default Değeri 60
Öncelikle jQuery Kütüphanesini Ve Eklenti Dosyamızı Çağırıyoruz.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="akdoganSayac.js"></script>
Daha Sonra Eklentimizi Çalıştırıyoruz.
<script type="text/javascript">
$(function(){
$("#akdoganSayac").akdoganSayac({
'gun' : 10,
'saat' : 3,
'dakika' : 2,
'saniye' : 20
});
});
</script>
Şeklinde Kullanabilirsiniz.
Tasarım Değiştirmek için Css İle Müdahale edebilirsiniz.
Örnek:
span.gun {
color:#aaa;
}
span.saat {
color:#ccc;
}
span.dakika {
color:#ddd;
}
span.saniye {
color:#eee;
}
span.min {
font-size: 20px;
}
Eklentimizi Kullanmka Bu kadar kolay 🙂
Çalışan canlı örneğimiz için Tıklayın
Vehbi kardeşim selam,
Eklentiyi projemde kullanmak istiyorum fakat bana bu kodlamayı Gün, Saat, Dakika, Saniye şeklinde düzenleyebilir misin? Örneğin, Kampanya bitimine; 13 Gün, 6 Saat, 23 Dakika, 56 Saniye Kaldı şeklinde. Yardımcı olursan çok çok sevinirim 🙂 Çok sağol
Gerekli Güncellemeleri Yaptım Kardeşim İstediğin Gibi Kullanabilirsin 🙂
Çok teşekkürler emeğine sağlık 🙂
ne demek kardeşim güle güle kullan
Vehbi kardeşim ufak bir problem var da çözebilir misin. Sayacı kullandım işime yaradı çalışıyor fakat sayfa yüklendikten sonra geri saymaya başlıyor. F5 ile sayfayı yenilediğim zaman tekrar baştan saymaya başlıyor 🙂 Arkaplanda belirttiğim tarihe göre saymaya devam edecek şekilde geliştirebilir misin? Yani sayfa kapansa bile arkaplanda geri saymaya devam etsin bitiş tarihine kadar. O şekilde yapabilir misin?
Merhaba Vehbi bey. Bilginizi paylaştığınız için teşekkür ederiz. Süper çalışıyor fakat süre bittikten sonra bir adrese yönlendirmek istesek nasıl yapabiliriz bu çok önemli