如何重置我的倒计时和避免多个计时器

<div id="timerContainer">00:00:00</div>

var timer;  // 用于存储计时器对象
var startTime;  // 用于存储计时器开始时间
var duration = 60;  // 倒计时时长，单位为秒

function startTimer() {
  startTime = Date.now();  // 记录计时器开始时间
  timer = setInterval(updateTimer, 1000);  // 每秒更新计时器
}

function updateTimer() {
  var currentTime = Date.now();  // 当前时间
  var elapsedTime = Math.floor((currentTime - startTime) / 1000);  // 经过的时间，单位为秒

  // 计算剩余时间
  var remainingTime = duration - elapsedTime;
  var hours = Math.floor(remainingTime / 3600);
  var minutes = Math.floor((remainingTime % 3600) / 60);
  var seconds = remainingTime % 60;

  // 格式化时间
  var formattedTime = padZero(hours) + ":" + padZero(minutes) + ":" + padZero(seconds);

  // 更新计时器显示
  document.getElementById("timerContainer").textContent = formattedTime;

  // 判断是否倒计时结束
  if (remainingTime <= 0) {
    clearInterval(timer);  // 停止计时器
    alert("倒计时结束！");
  }
}

function padZero(number) {
  return number < 10 ? "0" + number : number;
}

function resetTimer() {
  clearInterval(timer);  // 停止计时器
  document.getElementById("timerContainer").textContent = "00:00:00";  // 重置计时器显示
}

<button onclick="startTimer()">开始倒计时</button>

<button onclick="resetTimer()">重置计时器</button>