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);
});