Input Time step属性

HTML DOM インプット テイム オブジェクト

定義と使用方法

step 属性は、時間フィールドのstep属性の値を設定または返します。

HTMLのstep属性は、時間フィールドの秒またはミリ秒の有効な数字間隔を規定します（時間または分には適用されません）。

例：step="2"の場合、有効な数字は0、2、4などです。

ヒント：step属性は通常、 max および min 属性を一緒に使用して、一連の有効な値を作成します。

参照してください：

HTMLリファレンスマニュアル：HTML <input> step 属性

例

例1

時間フィールドの秒の有効な数字間隔を変更：

document.getElementById("myTime").step = "10";

実際に試してみてください

例2

時間フィールドのミリ秒単位の有効な数字間隔を変更：

document.getElementById("myTime").step = ".050";

実際に試してみてください

例3

時間フィールドの秒の有効な数字間隔を取得：

var x = document.getElementById("myTime").step;

実際に試してみてください

文法

step属性の返り値：

timeObject.step

step属性の設定：

timeObject.step = number

属性値

値 説明
number

指定された時間フィールドの有効な数字間隔。

秒に対して：

最終的に「60」に達する数字を使用します。例：「1」、「2」、「10」、「30」など。

ミリ秒に対して：

「.」から始まり、最終的に「1000」に達する数字を使用します。例：「.010」、「.050」、「.20」など。

技術的詳細

返り値： 秒またはミリ秒単位の有効な数字間隔を示す数値。

ブラウザのサポート

表の数字には、その属性を完全にサポートする最初のブラウザのバージョンが示されています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート 10.0 サポート サポート サポート

注意：Firefox では <input type="time"> 元素がどの時間フィールドにも表示されません。

HTML DOM インプット テイム オブジェクト