在Javasript中创建模拟时钟时秒针停止移动

// HTML
<div id="clock">
  <div id="hour-hand"></div>
  <div id="minute-hand"></div>
  <div id="second-hand"></div>
</div>

// CSS
#clock {
  position: relative;
  width: 200px;
  height: 200px;
  border: 1px solid black;
  border-radius: 50%;
}

#hour-hand, #minute-hand, #second-hand {
  position: absolute;
  background-color: black;
}

#hour-hand {
  width: 6px;
  height: 60px;
  top: 70px;
  left: 97px;
  transform-origin: bottom center;
}

#minute-hand {
  width: 4px;
  height: 80px;
  top: 50px;
  left: 98px;
  transform-origin: bottom center;
}

#second-hand {
  width: 2px;
  height: 90px;
  top: 40px;
  left: 99px;
  transform-origin: bottom center;
}

// JavaScript
function startClock() {
  var now = new Date();
  var hour = now.getHours();
  var minute = now.getMinutes();
  var second = now.getSeconds();

  var hourHand = document.getElementById("hour-hand");
  var minuteHand = document.getElementById("minute-hand");
  var secondHand = document.getElementById("second-hand");

  var hourRotation = (hour % 12) * 30 + minute / 2;
  var minuteRotation = minute * 6 + second / 10;
  var secondRotation = second * 6;

  hourHand.style.transform = "rotate(" + hourRotation + "deg)";
  minuteHand.style.transform = "rotate(" + minuteRotation + "deg)";
  secondHand.style.transform = "rotate(" + secondRotation + "deg)";

  setTimeout(startClock, 1000); // 每秒更新一次时钟
}

startClock();