这段代码有一个问题,就是 `updateTime()` 函数被定义了两次。你可以将其中一个删除,保留以下代码:
```javascript
function updateTime() {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
var hourHand = document.querySelector(".hour-hand");
var minuteHand = document.querySelector(".minute-hand");
var secondHand = document.querySelector(".second-hand");
var hourAngle = (hours % 12) * 30 + minutes / 2;
var minuteAngle = minutes * 6;
var secondAngle = seconds * 6;
hourHand.style.transform = "rotate(" + hourAngle + "deg)";
minuteHand.style.transform = "rotate(" + minuteAngle + "deg)";
secondHand.style.transform = "rotate(" + secondAngle + "deg)";
}
setInterval(updateTime, 1000);
```
这段代码定义了一个 `updateTime()` 函数,该函数获取当前时间,并计算出时针、分针和秒针的旋转角度。然后,使用 `querySelector()` 方法获取时针、分针和秒针的 DOM 元素,并将它们的 `transform` 属性设置为对应的旋转角度。
最后,使用 `setInterval()` 函数每隔一秒钟调用一次 `updateTime()` 函数,从而实现动态的时钟表盘效果。