HTML 12進(jìn)制時(shí)鐘代碼是一段可以在網(wǎng)頁上顯示當(dāng)前時(shí)間的代碼。它使用HTML和CSS來創(chuàng)建一個(gè)復(fù)古風(fēng)格的時(shí)鐘。
<!DOCTYPE html>
<html>
<head>
<style>
#clock {
font-family: "Courier New", Courier, monospace;
font-size: 60px;
color: #fff;
background: #000;
}
</style>
<title>HTML 12進(jìn)制時(shí)鐘代碼</title>
</head>
<body>
<div id="clock"></div>
<script>
function updateClock() {
var now = new Date();
var hours = now.getHours().toString(12);
var minutes = now.getMinutes().toString(12);
var seconds = now.getSeconds().toString(12);
hours = hours.length< 2 ? "0" + hours : hours;
minutes = minutes.length< 2 ? "0" + minutes : minutes;
seconds = seconds.length< 2 ? "0" + seconds : seconds;
var time = hours + ":" + minutes + ":" + seconds;
document.getElementById("clock").innerHTML = time;
}
setInterval(function(){updateClock()}, 1000);
</script>
</body>
</html>這段代碼創(chuàng)建了一個(gè)具有id為“clock”的div元素。然后使用JavaScript動(dòng)態(tài)地更新這個(gè)元素的內(nèi)容，以顯示當(dāng)前時(shí)間的12進(jìn)制格式。在樣式中設(shè)置了字體，大小和顏色，使其看起來像一個(gè)復(fù)古風(fēng)格的時(shí)鐘。