如何通过单击按钮启动倒计时计时器事件？

<button id="startButton">开始倒计时</button>
<span id="countdown"></span>

// 获取按钮和倒计时元素
var startButton = document.getElementById("startButton");
var countdownElement = document.getElementById("countdown");

// 定义倒计时时间（单位：秒）
var countdownTime = 60;

// 定义倒计时函数
function countdown() {
  // 禁用按钮，防止重复点击
  startButton.disabled = true;

  // 更新倒计时元素的内容
  countdownElement.innerHTML = countdownTime;

  // 倒计时逻辑
  var timer = setInterval(function() {
    countdownTime--;

    // 更新倒计时元素的内容
    countdownElement.innerHTML = countdownTime;

    // 倒计时结束时清除计时器，并启用按钮
    if (countdownTime <= 0) {
      clearInterval(timer);
      startButton.disabled = false;
    }
  }, 1000);
}

// 绑定按钮点击事件
startButton.addEventListener("click", countdown);