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> 

스크립트

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