Banner

Sitenize Jquery CountDown (Geri Sayım Sayacı) Ekleyin

Yine okuyucularımdan birinin sorusu üzerine yazdığım bu yazıda sitenize, jquery countdown (geri sayım sayacı) nasıl ekleyeceğinizi anlatacağım. İnternette jquery ile hazırlanmış çok fazla geri sayım sayacı var. Ben burada, okuyucumun bana gönderdiği dosyadakinin nasıl yapılacağını detaylı bir şekilde açıklayacağım.

Öncelikle Jquery Countdown dosyasını bilgisayarınıza indirin. Sıkıştırılmış dosyayı açtıktan sonra içerisindeki images, js ve style isimli klasörleri hostunuza yükleyin.

Aşağıda verdiğim kodları <head></head> etiketleri arasına ekleyin.

Bu kodda dikkat etmeniz gereken şey dosyaları hostunuza yüklerken herhangi bir klasör içine yüklemeyin. Klasörleri olduğu gibi atın. Eğer hostunuzda, deneme amaçlı bir klasör açıp dosyaları içine atmayı istiyorsanız, yukarıdaki kodda src içerisindeki yolun başına klasörünüzün ismini yazın. Örneğin; deneme isimli bir klasör oluşturduysanız src içerisini deneme/js/dosyaismi.js şeklinde değiştirmelisiniz. Aynısı css dosyası için de geçerli.

Buraya kadar sorunsuz bir şekilde yaptıysanız geri çok basit. Zaten hata yapma ihtimali olan kısım üst kısımdı.

Şimdi tek yapmanız gereken şey aşağıdaki kodları, geri sayım sayacının görünmesini istediğiniz yere eklemek ve üzerinde gerekli değişiklikleri yapmak.

Gördüğünüz gibi eklediğiniz kodların sonunda hedef gün, hedef ay gibi açıklamalar var. Sayacın hangi tarihten geriye doğru saymasını istiyorsanız, oradaki rakamları kendinize göre düzenleyin. Hepsi bu kadar.

Share Button

Comments of this post

Hüseyin

Hüseyin
12 Ekim 2012

tarih alanını veritabanından çekmek istesek kodları nasıl değiştirmemiz gerekir

[Cevapla]

P_Buyukarslan Yanıtladı:

Maalesef bu konu ile ilgili bir bilgim yok.

[Cevapla]

Can Yanıtladı:

<% response.write("<script language='javascript' type='text/javascript'>") %> olarak değiştirmen gerekiyor

daha sonra veritabanından çekmen için

'day': <% veritabanındaki alan %>

gibi çekebilirsin. asp.net için bu şekilde yapabilrisin diğer dillerdede buna benzer halledebilirsin. Ben deneyerek bu şekilde buldum ve kullanıyorum.

[Cevapla]

Abdullah Yanıtladı:

asp bilgin sıfır. insanları yanlış yönlendirme

[Cevapla]

Abdullah Yanıtladı:

asp bilgin sıfır. insanları yanlış yönlendirme

[Cevapla]

P_Buyukarslan Yanıtladı:

Maalesef bu konu ile ilgili bir bilgim yok.

[Cevapla]

Can Yanıtladı:

<% response.write("<script language='javascript' type='text/javascript'>") %> olarak değiştirmen gerekiyor

daha sonra veritabanından çekmen için

'day': <% veritabanındaki alan %>

gibi çekebilirsin. asp.net için bu şekilde yapabilrisin diğer dillerdede buna benzer halledebilirsin. Ben deneyerek bu şekilde buldum ve kullanıyorum.

[Cevapla]

webmaster

webmaster
25 Mart 2013

Teşekkürler. 🙂

[Cevapla]

Can Türk

Can Türk
28 Temmuz 2013

hocam çok güzel bir script hoşuma gitti asp.net için kullanmak istiyorum ama şu eksik benim için. scriptte complete kullandım çalışmadı herşeyi yaptım ama zaman sıfırlandıktan sonra işlem yapmak istiyorum ben sayacın sıfırlandıgını nasıl anlayacaz peki ? sayaç sıfırlandıgında saati kontrol et saat 10:00 ise sayacı tekrar başlat gibi uygulama yapmak istiyorum

[Cevapla]

P_Buyukarslan Yanıtladı:

Asp.Net ile ilgili pek fazla bilgim yok. Sadece bir dönem çok kısa bir süre kullanmıştım.

[Cevapla]

P_Buyukarslan Yanıtladı:

Asp.Net ile ilgili pek fazla bilgim yok. Sadece bir dönem çok kısa bir süre kullanmıştım.

[Cevapla]

mert

mert
09 Kasım 2013

hocam. süre bitince yönlendirmeyi nasıl yapabiliriz.

[Cevapla]

murat

murat
11 Mart 2014

nasıl küçültebiliriz ben bir sayfanın tamamında değilde ufak bir resmin altında kullanmak istiyorum

[Cevapla]

Cemal Yanıtladı:

css dosyasını incelersen biraz değişiklik yapabilrisin

[Cevapla]

Cemal Yanıtladı:

css dosyasını incelersen biraz değişiklik yapabilrisin

[Cevapla]

arif erzin

arif erzin
30 Mayıs 2015

Bittiğinde

<script language="javascript" type="text/javascript">
jQuery(document).ready(function() {
$('#countdown_dashboard').countDown({
targetDate: {
'day': 30,// hedef gün
'month': 05,// hedef ay
'year': 2015,// hedef yıl
'hour': 07,// hedef saat
'min': 41,// hedef dakika
'sec': 1//hedef saniye
},
onComplete: function() { alert("tamam"); }
});
});
</script>

yapabilirsiniz

[Cevapla]

ali

ali
20 Kasım 2015

Teşekkürler.

[Cevapla]

P_Buyukarslan Yanıtladı:

Rica ederim.

[Cevapla]

P_Buyukarslan Yanıtladı:

Rica ederim.

[Cevapla]

Osman

Osman
26 Şubat 2016

sistem bilgisayarın saatine göre çalışıyor bunu bizim belirlediğimiz saate göre ayarlayabilirmiyiz lütfen bu konuda yardımcı olun

[Cevapla]

Arif

Arif
29 Kasım 2016

peki bunun gibi ileri sayım sayacı nasıl olur?

[Cevapla]

Önceki yazıyı okuyun:
Sitenize/Blogunuza Yahoo WebPlayer Ekleyin

Benden Yahoo WebPlayer konusunda yardım isteyen bir okuyucum sayesinde Yahoo'nun böyle bir oynatıcısı olduğunu öğrendim. Hem kendisine yardımcı olmak hem...

Kapat