如何强制秒在HTML5"时间"输入控件上显示？

Question

当我使用Javascript设置HTML5"时间"对象的值时,如下所示:

document.getElementById("settime").value = "13:24:59";

它会显示一个时间控件,上面写着"13:24:59",我可以改变一切.但如果我这样做:

document.getElementById("settime").value = "13:25:00";

它隐藏了秒数,只显示"13:25"而没有秒数.在这种情况下如何强制显示"00"秒？

(顺便说一句,这是谷歌Chrome浏览器.)

Answer 1

设置step属性.

例如: <input id="settime" type="time" step="1" />

jsFiddle例子

关于step属性的说明:

step属性可以与数字输入值一起使用,以指示您可以输入的值的精细程度.例如,您可能希望用户输入特定时间,但仅以30分钟为增量.在这种情况下,我们可以使用step属性,请记住,对于时间输入,属性的值以秒为单位.例如,30分钟的增量将具有1800的步长值.<input type="time" step="1800">