每秒倒數值更新

Question

我正在嘗試製作一個倒計時時鐘，並且每隔一秒鐘倒計時，但是當用戶輸入一個新的秒值時，它不會重新開始，而是從之前的值繼續。我怎麼能改變這個？

function clock() { 
    var $s = $(".second"), 
    s = setInterval(1000); 
    setTimeout("clock()", 1000); 
    $s.val(s).trigger("change"); 

} 
clock(); 

http://jsfiddle.net/z4LSN/3/

Answer 1

也許你可以試試這個

$(document).ready(function(){ 
    $(".second").knob() 
    setUpClock(); 
     // destroy the prev clock during user input 
    $(".second").keydown(function(){ 
      tearDownClock(); 
    }); 

     //restart the clock when the user navigates away from the input 
    $(".second").blur(function(){ 
      if(!interval){ 
       setUpClock(); 
      }      
    }); 
}); 
function clock(){ 
    var secHtml = $(".second"); 
    var sec = secHtml.val(); 
    if(sec-1>=0){ 
     secHtml.val(sec-1); 
     secHtml.change(); 
    } 
    else{ 
     tearDownClock(); 
    } 

} 
function setUpClock(){ 
    interval = setInterval(clock,1000); 
} 
function tearDownClock(){ 
    window.clearInterval(interval); 
    interval=null; 
} 

這裏是新完整Fiddle