Merhaba,

Bu yazımda, web sitenizde gerçek zamanlı, güncel ve sürekli olarak yenilenen tarih ve saatin nasıl görüntüleneceğini açıklayacağım. Bunu JavaScript kullanarak göstereceğim. Yönetici panelinize, müşteri panelinize veya üst bilgi (header) bölümüne ekleyebilirsiniz.

Nasıl yapabileceğimize bakalım:

 <div id="zaman"></div> <script> function tarihSaat() { var date = new Date().toLocaleString('tr-TR'); // tarih ve saati al document.getElementById("zaman").innerHTML = date; // "zaman" id'li alana yazdır } </script> 

Yukarıdaki kod, "zaman" ID’sine sahip HTML öğesinde o anki tarih ve saati gösterecektir. Ancak bu sadece o anki zamanı gösterir, yani sayfa yüklendiğinde sabit bir tarih ve saat görünür. Eğer bu fonksiyonu her 1 saniyede bir güncellersek, saniyeler arttıkça zamanın ve tarihin anlık olarak yenilendiğini görebiliriz. Böylece sayfayı yenilemeden sürekli çalışan bir saat elde etmiş oluruz.

Bunun için setInterval kullanacağım:

 <div id="zaman"></div> <script> function tarihSaat() { var date = new Date().toLocaleString('tr-TR'); document.getElementById("zaman").innerHTML = date; } // tarihSaat fonksiyonunu her 1 saniyede bir çalıştır setInterval(tarihSaat, 1000); </script> 

Hepsi bu kadar. Kod her saniye güncellendiği için gerçek zamanlı tarih ve saat otomatik olarak gösterilecektir.

Bence bu faydalı bir özellik. Uygulaması oldukça basit ve sizin için yararlı olacaktır.

Mutlu Kodlamalar :)