HTML DOM Input Time Object | Input Time | HTML Input Time Tutorial by WDH

HTML DOM Input Time Object

Input Time step Property

❮ Input Time Object


Change the legal number intervals for seconds in a time field:

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

Try it Yourself »

Definition and Usage

The step property sets or returns the value of the step attribute of a time field.

The step attribute specifies the legal number intervals for seconds or milliseconds in a time field (does not apply for hours or minutes).

Example: if step="2", legal numbers could be 0, 2, 4, etc.

Tip: The step attribute is often used together with the max and min attributes to create a range of legal values.

Browser Support

step Yes 10.0 Yes Yes Yes

Note: The <input type="time"> element does not show as any time field in Firefox.


Return the step property:


Set the step property:

timeObject.step = number

Property Values

Value Description
number Specifies the legal number intervals in the time field.

For seconds:

  • Use numbers that will eventually reach "60". Like: "1, "2", "10", "30", etc.

For milliseconds:

  • Start with "." and use numbers that eventually will reach "1000". Like ".010", ".050", ".20", etc.