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

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

	el - VAHİD Bir olan, zat ve sıfatlarında ve isimlerinde ortağı bulunmayan.

ANASAYFA | BEN KİMİM? | GALERİ | ZİYARETÇİ DEFTERİ | İLETİŞİM

Yazıklar olsun, size de; Allahı bırakıp tapmakta olduklarınıza da! Hâlâ aklınızı başınıza almayacak mısınız? - Enbiya-67

+ 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.

<html> <head> <script language="JavaScript"> function tarihsaat() { window.setTimeout( "tarihsaat()", 1000 ); zaman = new Date(); tarihvesaat=zaman.toLocaleTimeString() +" - "+ zaman.toLocaleDateString(); if(document.all || document.getElementById){ document.title = tarihvesaat.toString(); }else{ self.status = tarihvesaat.toString(); }} tarihsaat() </script> </head> <body> </body> </html>

İlerleyen günlerde yeni derslerde görüşmek üzere sağlıcakla kalınız...

Mustafa KARSLI Kaynak: www.mustafakarsli.com

( 7774 ) kez okundu - 23.07.2013

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.235.172.213) kaydedilecektir)
Yeni Dersleri Takip etmek istiyorum. Adresime E-Posta Gelmesini Onaylıyorum.

BENZER YAZILAR
Web Sayfasına Penc ereyi Kapat Butonu . Web Sayfasında Far enin Sağ Tuş Tık. Web Sayfasına Dalg alı Yazı Ekleme. Web Sayfasına YAZD IR Bağlantısı (Y. Sayfa Başlığına Anlık Hareketli T.