問題與jQuery倒計時計時器

Question

我正在使用計時器，當我點擊按鈕時，計時器從5秒開始，當它涉及到0時淡出。我試過但沒有得到，這裏是我試過的小提琴：http://jsfiddle.net/GNrUM/937/

<div id="hideMsg" style="display:none;"> 
This Box will Close In <span>5</span> Seconds..</div> 
<input id="take" type="button" value="click me" > 

jQuery代碼：

$("#take").live("click", function() { 
    $('#hideMsg').show(); 
    var sec = $('#hideMsg span').text() 
    var timer = setInterval(function() { 
     $('#hideMsg span').text(--sec); 
     if (sec == 0) { 
      $('#hideMsg').fadeOut('fast'); 
      clearInterval(timer); 
     } 
    }, 1000); 
}); 

它的工作好第一次點擊，當點擊2次計數從0開始，-1，-2，。它沒有清除間隔。任何幫助？

Answer 1

嘗試重新初始化$('#hideMsg span')重置價值。像$('#hideMsg span').text('5');

http://jsfiddle.net/GNrUM/941

Answer 2

試試這個：

$("#take").live("click",function(){ 
    $('#hideMsg').show();  
    var sec = $('#hideMsg span').text() 
    var timer = setInterval(function() { 
     $('#hideMsg span').text(--sec); 
     if (sec == 0) { 
      $('#hideMsg').fadeOut('fast'); 
      $('#hideMsg span').text("5"); // reinitialize the span value 
      clearInterval(timer); 
     } 
    }, 1000); 
    }); 

Answer 3

你一旦淡出

$('#hideMsg span').text(5); 

JS小提琴演示demo