Çalışmalarınızda kullanabileceğiniz güzel bir countdown eklentisi.. Kurulumu ve kullanımı oldukça basit :)



İlk olarak aşağıdaki linkten eklentiyi bilgisayarınıza indirin;
http://keith-wood.name/zip/jquery.countdown.package-1.6.0.zip
Daha sonra rar dosyasındakileri dışarıya çıkartın.. Birçok dosya mevcut içinde, ancak bize sadece 2 dosya gerekli.. Bunlar;
- jquery.countdown-tr.js
- jquery.countdown.min.js (Bunun yerine sıkıştırılmamış olanıda kullanabilirsiniz, tercih sizin)

Şimdi sırasıyla aşağıdaki işlemleri uygulayın;

HTML
<div id="sayac"></div>
jQuery
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.countdown.min.js"></script>
<script type="text/javascript" src="jquery.countdown-tr.js"></script>
<script type="text/javascript">
$(function () {
var yil = 2012;
var ay = 8; // -1 ile eklenmeli
var gun = 10;
var saat = 21;
var dakika = 54;
var saniye = 54;
var msaniye = 0;
tarih = new Date(yil,ay,gun,saat,dakika,saniye,msaniye);
$('#sayac').countdown({until: tarih});
});
</script>
CSS
#sayac {width: 240px; height: 45px}
#sayac span span {float: left; padding: 0 10px; margin-right: 5px; text-aling: center; background: #eee}
Burada dikkat etmeniz gereken tek şey, ay parametresinin 0'dan başladığı.. Yani siz 9. ayı yazacaksanız 8 yazmanız gerekiyor :)
İyi günler.