1. 获取当前时间：用`new Date()`创建时间对象，获取时、分、秒。 2. 格式化时间：确保时、分、秒都是两位数比如“9”显示为“09”。 3. 更新显示：将格式化后的时间插入到`
代码如下，重点部分已标红：
```javascript
function updateClock() {
const now = new Date();
let hours = now.getHours();
let minutes = now.getMinutes();
let seconds = now.getSeconds();
// 格式化两位数
hours = hours < 10 ? '0' + hours : hours;
minutes = minutes < 10 ? '0' + minutes : minutes;
seconds = seconds
// 拼接时间字符串
const timeString = `${hours}:${minutes}:${seconds}`;
// 更新显示
document.getElementById('clock').textContent = timeString;
} // 页面加载时立即执行一次，避免等待1秒
updateClock();
// 每秒更新一次
setInterval(updateClock, 1000);
``` 这个时钟代码不到50行，核心逻辑清晰：用`new Date()`获取时间，用三目运算符格式化数字，用`setInterval`定时更新。新手只需理这几个关键函数，就能轻松掌握。 现在，赶紧动手试试吧！复制代码，修改样式比如换颜色、改字体，打造属于你的个性时钟！