I have an html input box type text. I'd like to, once the user start typing, it automatically format itself on change event in Javascript.

Something like...

(E.g.)

Start showing 00:00, then when press 1, it shows 00:01,

when I press 2, it shows 00:12,

when I press 3, it shows 01:23,

when I press 4, it shows 12:34,

when I press 5, it shows 01:23:45,

when I press 6, it shows 12:34:56.

Max hours: 59

Max minutes: 59

Max seconds: 59