time类型输入框在00:00时调用stepDown方法不生效是什么原因

• HTML原生<input type="time">控件默认存在边界值限制：默认min属性值为00:00，max属性值为23:59，且控件原生不支持跨零点的时间循环逻辑。你当前输入框值已经是最小值00:00，调用stepDown()时会被边界拦截，无法生成小于00:00的时间，因此值没有变化。
• 补充说明：stepDown(n)的参数n是步长的倍数，不是直接的秒数。time控件默认step属性为60（单位为秒，即1分钟），你传参30等价于向下调整30*60=1800秒也就是30分钟，这部分逻辑符合你的预期，问题不在参数设置上。

你可以手动做边界兼容处理，代码如下：

<input type="time" id="myTime" value="00:00">
<button onclick="myFunction()">Here</button>

<script>
function myFunction() {
  const timeInput = document.getElementById("myTime");
  // 转换为总秒数计算
  const [hours, minutes] = timeInput.value.split(':').map(Number);
  let totalSeconds = hours * 3600 + minutes * 60;
  // 下调30分钟对应1800秒
  totalSeconds -= 1800;
  // 跨零点逻辑处理
  if (totalSeconds < 0) {
    totalSeconds += 86400; // 叠加一天的总秒数
  }
  // 转换回HH:MM格式赋值
  const newHours = String(Math.floor(totalSeconds / 3600)).padStart(2, '0');
  const newMinutes = String(Math.floor((totalSeconds % 3600) / 60)).padStart(2, '0');
  timeInput.value = `${newHours}:${newMinutes}`;
}
</script>

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