startButton.onclick = function() { if (timer == null) { timer = setInterval(function() { ms++; if (ms == 100) { ms = 0; s++; if (s == 60) { s = 0; m++; if (m == 60) { m = 0; } mElement.innerText = m < 10 ? '0' + m : m; } sElement.innerText = s < 10 ? '0' + s : s; } msElement.innerText = ms < 10 ? '0' + ms : ms; }, 10); } }; pauseButton.onclick = function() { clearInterval(timer); timer = null; }; resetButton.onclick = function() { clearInterval(timer); timer = null; ms = 0; s = 0; m = 0; msElement.innerText = '00'; sElement.innerText = '00'; mElement.innerText = '00'; };更改代码实现,初始化暂停按钮变灰,开始按钮触发后,暂停和复位按钮生效;复位后,暂停按钮变灰失效

以下是修改后的代码：

startButton.onclick = function() {
  if (timer == null) {
    timer = setInterval(function() {
      ms++;
      if (ms == 100) {
        ms = 0;
        s++;
        if (s == 60) {
          s = 0;
          m++;
          if (m == 60) {
            m = 0;
          }
          mElement.innerText = m < 10 ? '0' + m : m;
        }
        sElement.innerText = s < 10 ? '0' + s : s;
      }
      msElement.innerText = ms < 10 ? '0' + ms : ms;
    }, 10);
    pauseButton.disabled = false; // 启用暂停按钮
    resetButton.disabled = false; // 启用复位按钮
    startButton.disabled = true; // 禁用开始按钮
  }
};

pauseButton.onclick = function() {
  clearInterval(timer);
  timer = null;
  pauseButton.disabled = true; // 禁用暂停按钮
  startButton.disabled = false; // 启用开始按钮
};

resetButton.onclick = function() {
  clearInterval(timer);
  timer = null;
  ms = 0;
  s = 0;
  m = 0;
  msElement.innerText = '00';
  sElement.innerText = '00';
  mElement.innerText = '00';
  pauseButton.disabled = true; // 禁用暂停按钮
  resetButton.disabled = true; // 禁用复位按钮
  startButton.disabled = false; // 启用开始按钮
};

在修改后的代码中，我们通过 `disabled` 属性控制按钮是否可用。在初始化时，暂停和复位按钮是不可用的，只有开始按钮是可用的。当用户点击开始按钮后，暂停和复位按钮变得可用，同时开始按钮变得不可用。当用户点击暂停按钮时，计时器停止计时，暂停按钮变得不可用，同时开始按钮变得可用。当用户点击复位按钮时，计时器归零，暂停和复位按钮变得不可用，同时开始按钮变得可用。