jQuery GeriSayım Sayacı Eklentisi CountDown

Tarih: 05:49 Yazar: Unknown 6 yorum

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.

[html]
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="akdoganSayac.js"></script>
[/html]



Daha Sonra Eklentimizi Çalıştırıyoruz.

[js]
<script type="text/javascript">
$(function(){
$("#akdoganSayac").akdoganSayac({
'gun' : 10,
'saat' : 3,
'dakika' : 2,
'saniye' : 20
});
});
</script>

[/js]

Şeklinde Kullanabilirsiniz.

Tasarım Değiştirmek için Css İle Müdahale edebilirsiniz.

Örnek:

[css]
span.gun {
color:#aaa;
}
span.saat {
color:#ccc;
}
span.dakika {
color:#ddd;
}
span.saniye {
color:#eee;
}
span.min {
font-size: 20px;
}
[/css]


Eklentimizi Kullanmka Bu kadar kolay :)


Çalışan canlı örneğimiz için Tıklayın