Teknoloji

Dijital Saat HTML Kodu

Paylaş:

Dijital saat HTML kodu, HTML ile saat görüntüsünü ve JavaScript ile zamanı güncellemeyi sağlar. Sayfa yüklendiğinde ve her saniye başında `updateClock` fonksiyonu çağrılır ve saat güncellenir. CSS ile saat görünümünü özelleştirebilirsiniz. Dijital saat HTML kodu örnek olarak verilmiştir, siz de yeni kod yazarak karmaşık saatler tasarlayabilir veya tasarımınızı geliştirebilirsiniz.

Dijital bir saat oluşturmak için HTML, CSS ve JavaScript kodları kullanılmıştır. Aşağıda, bir dijital saat kod örneğini bulabilirsiniz:

<!DOCTYPE html>
<html>
<head>
<style>
#clock {
font-size: 48px;
font-family: Arial, sans-serif;
}
</style>
</head>
<body>
<div id=”clock”>12:00:00</div>

<script>
function updateClock() {
const now = new Date();
const hours = now.getHours().toString().padStart(2, ‘0’);
const minutes = now.getMinutes().toString().padStart(2, ‘0’);
const seconds = now.getSeconds().toString().padStart(2, ‘0’);
const timeString = `${hours}:${minutes}:${seconds}`;
document.getElementById(‘clock’).textContent = timeString;
}

setInterval(updateClock, 1000);
</script>
</body>
</html>

Bir Cevap Yazın