如何使用按钮切换AM/PM和MilitaryTime

<button id="toggleButton">切换时间格式</button>

var toggleButton = document.getElementById("toggleButton");
toggleButton.addEventListener("click", toggleTimeFormat);

<span id="timeDisplay"></span>

function toggleTimeFormat() {
  var timeDisplay = document.getElementById("timeDisplay");
  var currentTime = new Date();
  var currentHours = currentTime.getHours();
  var currentMinutes = currentTime.getMinutes();
  var currentSeconds = currentTime.getSeconds();
  var timeFormat = "";

  // 判断当前时间格式，根据需要切换
  if (currentHours >= 12) {
    // 切换为AM/PM格式
    currentHours = currentHours % 12;
    timeFormat = "PM";
  } else {
    // 切换为MilitaryTime格式
    timeFormat = "24小时制";
  }

  // 格式化时间，确保显示两位数的小时、分钟和秒
  currentHours = ("0" + currentHours).slice(-2);
  currentMinutes = ("0" + currentMinutes).slice(-2);
  currentSeconds = ("0" + currentSeconds).slice(-2);

  // 更新时间显示
  timeDisplay.textContent = currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + timeFormat;
}