如何用javascript中的按钮从计时器中加减时间

<div id="timer">00:00:00</div>
<button id="addButton">加时间</button>
<button id="subtractButton">减时间</button>

// 获取计时器显示区域和按钮元素
const timerElement = document.getElementById("timer");
const addButton = document.getElementById("addButton");
const subtractButton = document.getElementById("subtractButton");

// 初始化计时器时间
let hours = 0;
let minutes = 0;
let seconds = 0;

// 更新计时器显示
function updateTimer() {
  // 格式化时间
  const formattedTime = `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`;
  // 更新计时器显示区域
  timerElement.textContent = formattedTime;
}

// 创建计时器
let intervalId = setInterval(() => {
  // 增加一秒
  seconds++;
  if (seconds === 60) {
    seconds = 0;
    minutes++;
    if (minutes === 60) {
      minutes = 0;
      hours++;
    }
  }
  // 更新计时器显示
  updateTimer();
}, 1000);

// 加时间按钮点击事件
addButton.addEventListener("click", () => {
  seconds += 10; // 增加10秒
  // 更新计时器显示
  updateTimer();
});

// 减时间按钮点击事件
subtractButton.addEventListener("click", () => {
  if (seconds >= 10) {
    seconds -= 10; // 减少10秒
  } else {
    seconds = 60 - (10 - seconds);
    if (minutes > 0) {
      minutes--;
    } else {
      hours--;
      minutes = 59;
    }
  }
  // 更新计时器显示
  updateTimer();
});