Javascript ile gerisayım sayaç kullanımı

06 Nisan 2007, 19:44 tarihinde yazılmış olup, 2,255 kez okunmuş ve 15 yorum almış

Etiketler:

Bu kez javascript ile geriye doğru sayan bir sayaç uygulamasını inceleyeceğiz. Günlüğümü uzun bir süre takip edenler, günlüğü güncelleştirme esnasında buna benzer bir geriye sayan sayaç ile karşılaşmışlardır. Benzeri uygulamaları yapabilmeniz için, güzel bir gerisayım sayacını inceledim.

1.83
Yazı ebatı büyüt Yazı ebatı küçült Arkadaşına yolla Bu yazıyı paylaş Yorum yap Yazının geri izleme adresi Yazıyı XML ile takip et


Online Countdown Timer başlığında paylaşılan ve altta örneğini gördüğünüz sayacı nasıl kullanacağınıza göz atalım.

Gördüğünüz üzere geri saymaya başladı :) Ü harfinde bir problem varmış gibi görünebilir. Sitemin karakter kodlaması UTF-8 fakat javascript dosyasının ANSI olmasından ötürü bu problem.

Kullanımı

Kullanım için alttaki kodları sayfanıza eklemeniz gerekecek. Bunlar CSS ve JavaScript kodlarıdır.

PLAIN TEXT
HTML:
  2. table.timer {
  3. font: bold 24pt Tahoma, Arial, Helvetica;
  4. color: brown;
  5. }
  6. table.timer.td {
  7. padding: 0;
  8. margin: 0;
  9. }
  10. table.timer tr.labels td {
  11. font-size: 10pt;
  12. }
  13. </style>
  14. <script type='text/javascript'>
  15. var timerEnd = new Date(Date.UTC(2007, 12, 31, 0, 0, 0));
  16. </script>
  17. <script src='http://file.dmry.net/blog/01/timer.js'>
  18. </script>

Ayrıca timer.js dosyasını da indirmeniz gerekiyor ve bunu da sunucunuza yükleyeceksiniz.

Yukarıdaki kod içerisinde kendisi hakkında bilgi edinmemiz gereken iki satır var. Bunlardan ilki,

PLAIN TEXT
HTML:
  1. var timerEnd = new Date(Date.UTC(2007, 12, 31, 0, 0, 0));

olanı. Eminim farkına vardınız.. Ama yine de açıklamak istiyorum. 2007, 12, 31, 0, 0, 0 olarak tanımlanan yeri, geri sayımın başlayacağı tarih olarak değiştireceksiniz.

PLAIN TEXT
HTML:
  1. <script src='http://file.dmry.net/blog/01/timer.js'>

satırındaki adresi ise, timer.js dosyanızın yer aldığı adres ile değiştireceksiniz.

Bunu okuyanlar, alttakileri de okudu

Bu yazılar da ilginizi çekebilir ;)

Wordpress.Org Lisans Kullanım Şartları Dmry.net Hakkında

Kullanım şartları yerine getirilmeden hiçbir şekilde kopyala-yapıştır yapılamaz.
eXTReMe Tracker