今天我們來學習一下如何用HTML寫一個電子時鐘。我們可以通過HTML中的標簽和一些簡單的Javascript代碼來實現這一功能。
<!DOCTYPE html>
<html>
<head>
<title>電子時鐘</title>
<script>
function showTime() {
var date = new Date();
var h = date.getHours();
var m = date.getMinutes();
var s = date.getSeconds();
var time = h + ":" + m + ":" + s;
document.getElementById("clock").innerHTML = time;
setTimeout(showTime, 1000);
}
</script>
</head>
<body onload="showTime()">
<div id="clock"></div>
</body>
</html>代碼中，我們首先引入了一個Javascript腳本，在showTime()函數中獲取了當前的時間，并將其格式化為hh:mm:ss的形式，然后通過innerHTML屬性將其顯示在一個id為“clock”的div元素中。
而在body標簽中，我們通過onload事件來調用showTime()函數，使得頁面在加載完成后就開始顯示電子時鐘。由于電子時鐘需要實時更新時間，我們在showTime()函數中使用了setTimeout函數，每秒鐘更新一次時間。
以上就是一個簡單的HTML電子時鐘的源代碼和解釋，你可以將其復制到你的HTML文件中，并通過對CSS樣式的修改來美化你的電子時鐘。