HTML | DOM 输入时间 stepDown() 方法

介绍

stepDown() 方法用于减小 input 元素的值。如果输入类型为日期、时间或数字，则会根据输入元素上的 step 属性（如果有）来减少值。如果没有 step 属性，则默认值为 1。

语法

inputElement.stepDown(count)

参数：

• count：可选参数，用来指定要减少的值的数量，默认为 1。

返回值：

• 无。

示例

HTML 代码

<input type="number" value="5" id="myNumber">
<button onclick="decrease()">Decrease</button>

JavaScript 代码

function decrease() {
  var myNumber = document.getElementById("myNumber");
  myNumber.stepDown();
}

执行以上代码后，即可通过点击按钮，每次将 input 元素的值减小 1。

注意事项

• 该方法只适用于输入类型为日期、时间或数字的 input 元素。
• stepDown() 方法不能减少小于输入元素的最小值。如果 count 的值太小，结果可能会小于最小值并且不会更改。可以使用元素的 checkValidity() 方法检查是否还需要进一步降低值。
• 如果输入类型为时间，则可以使用 stepDown() 方法将分钟和秒钟减少。毫秒和时区信息不能减少。如果值为 0，则会将分钟和秒钟减少 1。
• 如果输入类型为日期，则可以将日期值减小。时间部分、时区部分和日历信息不会改变。默认值为 1 天。
• 该方法在 IE 和 Safari 中不受支持。

参考链接

• stepDown() 方法
• HTMLInputElement.stepDown()