頁面上的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>