JQuery - часовой счетчик

Question

Мне нужно использовать блесну JQuery в течение нескольких часов, поэтому шаблон будет: 00:00:00:00

В данный момент счетчик настроен только на цифры.

Как мне это сделать?

Answer 1

Самым простым решением было бы иметь счетчик для каждого числа. Я создал демо здесь.

HTML

<div class="demo">
 <p>
  <label for="amount">Set the time (hh:mm:ss:fr):</label>
  <input class="time hour" name="hour" value="0" />
  <input class="time min" name="min" value="0" />
  <input class="time sec" name="sec" value="0" />
  <input class="time frames" name="frames" value="0" />
 </p>
</div>

скрипт

$(function() {
 $(".time").spinner({
  min: 0,
  max: 59,
  step: 1,
  start: 0,
  precision: 0,
  width: '2em'
 });    
 $(".hour").spinner('option','max', 23);
 $(".frames").spinner('option', 'max', 100);
});