使用js实现一个时分秒的计时器，开始值为00:00:00按秒自增

在JavaScript中，我们可以使用`setInterval`函数来创建一个简单的计时器，它每隔一秒增加一秒钟的时间。下面是一个基础的示例，实现从00:00:00开始递增：

let hours = 0;
let minutes = 0;
let seconds = 0;
const timerId = null; // 初始化定时器ID

function updateTimer() {
  if (seconds < 60) {
    seconds++;
  } else {
    seconds = 0;
    if (minutes < 60) {
      minutes++;
    } else {
      minutes = 0;
      hours++;
    }
  }

  let formattedTime = padZero(hours, 2) + ":" + padZero(minutes, 2) + ":" + padZero(seconds, 2); // 添加前导零

  // 更新显示的计时器元素
  document.getElementById("timer").innerText = formattedTime; // 假设id为"timer"的元素用于显示时间

  // 重新安排计时器
  timerId = setInterval(updateTimer, 1000);
}

// 防止刷新页面时计时器继续运行
window.onload = function () {
  if (timerId !== null) {
    clearInterval(timerId);
  }
  updateTimer();
};

// 辅助函数，添加前导零
function padZero(num, size) {
  const s = num.toString();
  while (s.length < size) {
    s = "0" + s;
  }
  return s;
}

这个代码会在页面加载完成后开始计时，并持续更新显示的小时、分钟和秒数。如果需要停止计时器，只需要清除`timerId`即可。