HTML是前端開發中非常重要的語言，可以輕松創建各種動態和靜態的頁面。其中，電子時鐘便是一種比較普遍的功能，可以為用戶提供簡單方便的時間顯示。下面是一個HTML電子時鐘的代碼示例：
<!DOCTYPE html><html><head><title>電子時鐘</title><meta charset="UTF-8"><script>function showTime() {
var date = new Date();
var h = date.getHours();
var m = date.getMinutes();
var s = date.getSeconds();
h = checkTime(h);
m = checkTime(m);
s = checkTime(s);
document.getElementById('clock').innerHTML = h + ":" + m + ":" + s;
setTimeout(showTime, 1000);
}
function checkTime(i) {
if (i< 10) {i = "0" + i}; // 在數字前補零
return i;
}</script></head><body onload="showTime()"><p>現在時間：<span id="clock"></span></p></body></html>代碼分為兩部分，一部分是JavaScript代碼，用于獲取當前時間并實現定時器功能。另一部分是HTML代碼，用于定義網頁元素，其中使用了id屬性來獲取JavaScript代碼中的元素，并且使用了onload屬性來在頁面加載時自動調用JavaScript代碼中的showTime函數。最終，通過innerHTML方法，將獲取的時間展示在網頁上。
上一篇鼠標禁止css
下一篇axios 提交json