CSS編寫電子時鐘代碼

/*html代碼*/
<div id="clock">
<span id="hour"></span>:
<span id="minute"></span>:
<span id="second"></span>
</div>
/*CSS樣式代碼*/
#clock{
font-size: 50px;
font-family: Arial, sans-serif;
color: #ffffff;
background-color: #000000;
padding: 20px;
border-radius: 10px;
text-align: center;
}
#clock span{
padding: 0 10px;
}
/*JS代碼*/
function updateTime(){
var now = new Date();  //獲取當前時間
var hour = now.getHours().toString().length< 2 ? "0" + now.getHours() : now.getHours();  //小時
var minute = now.getMinutes().toString().length< 2 ? "0" + now.getMinutes() : now.getMinutes();  //分鐘
var second = now.getSeconds().toString().length< 2 ? "0" + now.getSeconds() : now.getSeconds();  //秒鐘
document.getElementById("hour").innerHTML = hour;
document.getElementById("minute").innerHTML = minute;
document.getElementById("second").innerHTML = second;
}
setInterval(updateTime, 1000); //每隔1秒更新一次時間

以上代碼實現了一個簡單的電子時鐘，HTML代碼通過三個span標簽分別顯示小時、分鐘、秒鐘，CSS代碼設置樣式，JS代碼獲取當前時間并更新顯示。