JQuery - час вертушка

Question

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

В настоящее время счетчик устанавливается только для чисел.

Как я могу это сделать?

Answer 1

Простейшим решением было бы иметь счетчик для каждого номера. Я установил a demo here.

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> 

Script

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