Jquery 페이지에서 여러 번 카운트 다운

Question

카운트 다운 타이머을 한 페이지에 넣는 방법, 각 카운트 다운이 다른 시간을 지적하는 것, 물론 페이지 새로 고침에서 다시 설정하지 않는 방법은 무엇입니까?

거기에 jQuery 해결책이 있는지 궁금합니다.

감사합니다.

Answer 1

이 시도 :

<input type="text" id="but1" /> 
<input type="text" id="but2" /> 
<input type="text" id="but3" /> 
<input type="button" value="start" onclick="timer(1)" /> 
<input type="button" value="start" onclick="timer(2)" /> 
<input type="button" value="start" onclick="timer(3)" /> 
<input type="button" value="stop" onclick="stoptimer(1)" /> 
<input type="button" value="stop" onclick="stoptimer(2)" /> 
<input type="button" value="stop" onclick="stoptimer(3)" /> 


<script type="text/javascript"> 
var counts = []; 
var xs = []; 
for (var i = 1; i < 10; i++) { 
    counts.push(i*2); 
    xs.push(0); 
}; 




function timer(id) 
{ 
    xs[id]=setTimeout("timer("+id+")",1000); 
    counts[id]=counts[id]-1; 
    document.getElementById("but"+id).value=counts[id]; 
    if (counts[id] <1){counts[id]=5;} 
} 

function stoptimer(id) 
{ 
    clearTimeout(xs[id]); 
} 

</script>