Web sitelerinde güncel tarih ve saat bilgisini göstermek, kullanıcıların içeriği ne zaman görüntülediğini takip etmelerini sağlar. Bu kılavuzda, JavaScript kullanarak bir fonksiyon oluşturarak anlık tarih ve saat bilgisini nasıl göstereceğinizi adım adım açıklayacağım.
Adım 1:Fonksiyon Oluşturma: Öncelikle, tarih ve saat bilgisini güncelleyen bir JavaScript fonksiyonu oluşturun. Bu fonksiyon, new Date() yöntemini kullanarak mevcut tarih ve saat bilgisini alır, ardından toLocaleString() yöntemiyle bu bilgiyi istediğiniz formatta gösterebilirsiniz. Örneğin:
function tarihGuncelle(){
let date = new Date();
$('#date').text(date.toLocaleString('tr-TR',{weekday: 'long',month: 'long',day: 'numeric',year: 'numeric', hour: '2-digit',minute: '2-digit',second:'2-digit'}));
}
Adım 2:Fonksiyonu Çağırma ve Güncelleme Aralığını Belirleme: Oluşturduğunuz fonksiyonu çağırın ve belirli aralıklarla güncellenmesini sağlayın. Bu, tarih ve saat bilgisinin anlık olarak güncel kalmasını sağlar. Örneğin:
tarihGuncelle();
window.setInterval(tarihGuncelle, 1000);
Bu kod parçası, tarihGuncelle fonksiyonunu ilk kez çağırır ve ardından her 1000 milisaniyede bir (1 saniyede bir) bu fonksiyonu tekrar çağırarak tarih ve saat bilgisini günceller.
Adım 3:HTML Elementine Tarih ve Saat Bilgisini Yansıtma: HTML dosyanızda, tarih ve saat bilgisini göstermek istediğiniz alanı belirleyin ve bir id veya class atayın. Ardından, JavaScript fonksiyonu ile bu alanı güncel tarih ve saat bilgisiyle doldurun. Örneğin:
<div id="date"></div>
Sonuç: Bu adımları takip ederek, web sitenizde anlık tarih ve saat bilgisini dinamik olarak gösterebilirsiniz. Kullanıcılar sitenizi ziyaret ettiğinde, güncel tarih ve saat bilgisini anında görebilir ve içeriği ne zaman görüntülediklerini takip edebilirler.
Profesyonel ve her yönü ile kontrol edilebilir gelişmiş çok özellikli ajans yazılımıdır. İşte öne çıkan özellikler.