js写个程序，实现电子时钟自动走动的效果，并提供一个按钮控制电子时钟是否停止走动

HTML代码：

<div id="clock"></div>
<button onclick="stopClock()">停止时钟</button>

JS代码：

// 获取时钟元素
var clock = document.getElementById("clock");

// 定义变量
var timerID = null;
var isClockRunning = true;

// 更新时钟
function updateClock() {
  var date = new Date();
  var hours = date.getHours();
  var minutes = date.getMinutes();
  var seconds = date.getSeconds();
  var time = hours + ":" + minutes + ":" + seconds;
  clock.innerHTML = time;
}

// 开始时钟
function startClock() {
  if (!isClockRunning) {
    timerID = setInterval(updateClock, 1000);
    isClockRunning = true;
  }
}

// 停止时钟
function stopClock() {
  clearInterval(timerID);
  isClockRunning = false;
}

// 初始化时钟
startClock();

首先，通过 `document.getElementById` 方法获取时钟元素。然后，定义两个变量 `timerID` 和 `isClockRunning`，分别用于存储计时器的ID和时钟是否在运行状态。接着，编写 `updateClock` 函数，该函数用于更新时钟的时间，并将时间显示在时钟元素中。在 `startClock` 函数中，我们使用 `setInterval` 方法创建一个计时器，每隔1秒调用一次 `updateClock` 函数。在 `stopClock` 函数中，我们使用 `clearInterval` 方法停止计时器。最后，通过 `startClock` 函数启动时钟。用户可以通过单击按钮来调用 `stopClock` 函数，以停止时钟运行。