每秒倒数值更新

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