ALLAH (cc)'IN EN GÜZEL İSİMLERİ (ESMA-ÜL HÜSNA)
el - MÜHEYMİN

Her ÅŸeyi görüp gözeten, gözetici ve koruyucu olan.

     ANASAYFA    |   BEN KİMİM?   |   GALERİ   |   ZİYARETÇİ DEFTERİ   |   Ä°LETİŞİM      Allah'ım! Beni iyilik iÅŸledikleri zaman sevinen ve kötülük yaptıkları zaman bağışlanma dileyen kullarından eyle. - İbn Mâce, "Edeb", 57

Sayfa Başlığına Anlık Hareketli Tarih Saat Ekleme

Sayfa Başlığına Anlık Hareketli Tarih Saat Ekleme
 + Yazıyı Büyüt    - Yazıyı Küçült           

Selamun Aleyküm, merhaba bu dersimde web sayfalarının baÅŸlığında göstermek için hareketli yani an an saniye göstergeli tarih saat eklemeyi anlatacağım.

Tarih saat gösterimini javascript dilini kullanarak yapacağız. Burada javascripti açıklamakla vakit kaybetmeyeceÄŸim. AÅŸağıda tarih ve saati gösterecek javascript kodunu veriyorum:

Yukarıdaki kodu kısaca açıklarsak;

  • window.setTimeout fonksiyonu verilen sürenin her doluÅŸunda (milisaniye yani 1000 yazdığımız için 1 saniyede iÅŸlem yapacak) yine belirtilen iÅŸlemi çalıştıracak. Biz burada her 1 saniyede tarihsaat() fonksiyonunu çalıştırıyoruz.
  • zaman = new Date(); ile sistemin tarih, saat, zaman bilgilerinin hepsini zaman deÄŸiÅŸkenine aktarıyoruz.
  • zaman.toLocaleTimeString() ile zaman deÄŸiÅŸkenine aldığımız bilgilerin içinden saat:dakika:saniye bilgilerini alıyoruz. (21:12:34 gibi)
  • zaman.toLocaleDateString() ile zaman deÄŸiÅŸkenine aldığımız bilgilerin içinden 23 Temmuz 2013 Salı ÅŸeklinde gün ay yıl bilgilerini alıyoruz.
  • document.title = tarihvesaat.toString() ile tarih saat bilgilerini tarayıcının sayfa baÅŸlığına yazdırıyoruz.

Yukarıdaki scripti herzaman ki gibi head etiketleri arasına yazıyoruz. Javascript kodunu görüntülenmesini istediÄŸimiz web sayfasının head etiketleri arasına yazarak çalıştırabiliriz. Çalışan tarayıcının ekran görüntüsünü yukarıdaki baÅŸlık resminde görebilirsiniz.

Ben kodları boÅŸ bir web sayfasına ekledim ve denedim. AÅŸağıda eklemiÅŸ olduÄŸum web sayfasının tam kodunu veriyorum. Sizde boÅŸ bir sayfa açıp aÅŸağıdaki kodları yazıp html kaydederek çalıştırabilirsiniz.

Ayrıca ÖRNEĞİ İNCELE bağlantısına tıklayarak web sayfasının çalışmasını görebilirsiniz.

İlerleyen günlerde yeni derslerde görüÅŸmek üzere saÄŸlıcakla kalınız...

Mustafa KARSLI Kaynak: www.mustafakarsli.com

( 8297 ) kez okundu     -     23.07.2013    Tweetle     
Sayfa Başlığına Anlık Hareketli Tarih Saat Ekleme, web sayfasına tarih ekleme, web sayfasına saat ekleme, javascript tarih saat örneği, tarih saat fonksiyonu, javascript, javascrip zaman örnekleri, window.setTimeout, new Date(), toLocaleTimeString(), toLocaleDateString(), tarihvesaat.toString(), document.title, hareketli tarih saat, anlık zaman sayacı, tarih saat
Ziyaretçi Yorumları
( 0 ) Yorum
Tümünü Göster
Yorum Ekle
Güvenliğiniz için iP adresiniz kaydedilmektedir. Herhangi bir Hukuki Dava ile karşılaşmamak için hakaret içeren sözler ve argo kelimeler kullanmayınız.
İsim
:
Yorum
:
En fazla 400 karakter
Åžehir
:
E-Posta
:
E-Posta adresi Yayınlanmaz
(Güvenliğiniz için ip adresiniz (3.236.156.34) kaydedilecektir)
  Yeni Dersleri Takip etmek istiyorum. Adresime E-Posta Gelmesini Onaylıyorum.
BENZER YAZILAR
Android
Arduino
Bilgisayar Ağları
BiliÅŸim Teknolojileri
C Sharp
Çalışmalar
Donanım
Fireworks
Flash - Action Script 3
Gezdik ve Gördük
HTML
JavaScript
KiÅŸisel GeliÅŸim
Okul Öncesi Etkinlik
PHP
Silverlight
Şanlı Tarihimiz
Yazılarım
  Zamanlanmış Duyuru/Ödev Bulunmamaktadır...  
Kişisel resim ve yazıları kullanmak yasaktır. Bunun dışındaki dersleri İsim ve Kaynak göstermek şartıyla kullanmak serbesttir.
 Aktif ziyaretçi : 2
 Bugün : 61
 Toplam : 2275205
Mustafa KARSLI - BiliÅŸim Teknolojileri Öğretmeni © 2008 - 2021  
Site Haritası

 

2