html - HTML5 "time" input interval

Question

Maybe i am just not searching properly, but does anyone know of a way to have the time input only increment using the spinner based on a preset interval. So if it is 10 minutes, have the up arrow go +10 mins, if the hour changes it would automatically go + an hour

8:50 - Up arrow hit ends with 9:00 -OR- 8:50 - Down arrow hit ends with 8:40

Answer 1

Sure, just use the step attribute, where the step specifies the number of seconds to increment (60 sec x 10 mins = 600 seconds):

<input type="time" value="08:30:00" step="600">

jsFiddle example