JS闹钟应用小时循环增减功能求助：实现0与23跨值切换

你的问题出在递减逻辑的执行顺序：当前代码先更新了DOM和局部变量，之后才判断是否越界，但修改局部变量hourDecrement并不会同步到全局的myHourConverted和DOM元素上，导致越界后的数值无法生效。

修正后的递减函数 #

function decrementHour() {
  // 先递减全局变量
  myHourConverted--;
  // 判断是否越界，越界则重置为23
  if (myHourConverted < 0) {
    myHourConverted = 23;
  }
  // 最后更新DOM，用padStart保持两位数格式（和初始的"00"一致）
  myHour.innerText = String(myHourConverted).padStart(2, '0');
}

关键修改点 #

• 调整执行顺序：先修改全局状态myHourConverted，再做越界判断，确保状态正确后再更新DOM
• 同步全局变量：直接操作myHourConverted而非局部变量，避免状态不一致
• 保持格式统一：用padStart(2, '0')让小时始终显示为两位数（比如1变成"01"，23保持"23"）

递增逻辑参考（供你自行调整） #

按照同样的逻辑，递增部分只需把判断条件改为myHourConverted > 23时重置为0即可：

function incrementHour() {
  myHourConverted++;
  if (myHourConverted > 23) {
    myHourConverted = 0;
  }
  myHour.innerText = String(myHourConverted).padStart(2, '0');
}

内容的提问来源于stack exchange，提问作者TomDev