Bazı web sitelerinin sağ üst köşelerinde veya sidebar bölümlerinde güncel tarih bilgisini görmüş olmalısınız. Yani web sitenize güncel olarak tarih, gün ve saat bilgisini ekleyebilirsiniz. Bu işlemi Türkçe olacak şekilde, JavaScript kullanarak rahatlık ile yapabiliriz. Aşağıdaki kodları değiştirmenize gerek kalmadan; Blogger veya WordPress altyapısına sahip web sitenizde kullanabilirsiniz. Muhtemelen diğer yazılımlar üzerinde de çalışacaktır. Ne kadar gerekli bir özellik olduğu tartışılır. Ancak web siteniz üzerinde farklı özellikler barındırmayı seviyorsanız, bu işlevsel kodlar da tarafınız için faydalı olacaktır kanısındayız. Sonuç olarak, ilgili kodlar aşağıda yer almaktadır.

AYRICA: JavaScript ile Uçan Nesne Nasıl Yapılır?

JavaScript ile Tarih, Gün ve Saat Gösterme İşlemi

<div id="clock"></div>
<script type="text/javascript">
function refrClock()
{
var d=new Date();
var s=d.getSeconds();
var m=d.getMinutes();
var h=d.getHours();
var day=d.getDay();
var date=d.getDate();
var month=d.getMonth();
var year=d.getFullYear();
var days=new Array("Pazar","Pazartesi","Salı","Çarşamba","Perşembe","Cuma","Cumartesi");
var months=new Array("Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylül","Ekim","Kasım","Aralık");
if (s<10) {s="0" + s}
if (m<10) {m="0" + m}
document.getElementById("clock").innerHTML= "<b>Tarih:</b> " + date + " " + months[month] + " " + year + " | <b>Günlerden:</b> " + days[day] + " | <b>Saat:</b> " + h + ":" + m + ":" + s + " "
setTimeout("refrClock()",1000);
}
refrClock();
</script>


Not: Kodların içerisine bir div elementi oluşturarak, CSS ile görünümünü değiştirebilirsiniz.

Sonuç: Örnek görüntü ise aşağıda yer almaktadır. Lütfen inceleyiniz.