jQuery計數與計時器

Question

這裏是功能只需點擊btnGo計時器將停止並獲得它的價值，如果剩餘時間不超過其自動添加+1到時間總計我的問題是它不添加它只顯示下面的值是我的代碼與現場演示

我的JS

var sec = $('#timerSec').text() || 0; 
var timer; 

function startTimer() { 
    if (timer) clearInterval(timer); 
    sec = 10; 
    timer = setInterval(function() { 
     $('#timerSec').text(sec--); 
     if (sec == 0) { 
      clearInterval(timer); 
     } 
    }, 1000); 
} 
$(function() { 
startTimer(); 

$('#btnGo').click(function(){ 
    $(this).fadeOut(); 
    $("#alert").fadeIn(); 
    clearInterval(timer); 
    var secR = $('#timerSec').text(); 
    var t = $('#alert span').text() 
    $('#btnCon').fadeIn(); 
    if (secR != 0){ 
    var i = t+1; 
    } 
    $('#alert span').html(i).show(); 
}); 
$('#btnCon').click(function(){ 
    $("#alert").fadeOut(); 
    $("#btnGo").fadeIn(); 
    startTimer(); 
}); 


}); 

我的HTML

<div id="timerSec">10</div> seconds 

<a href="#" id="btnGo">Go</a> 
<div id="alert" style="display:none"> 
<a href="#" id="btnCon" >Continue</a> 
On time = <span>0</span> 
</div> 

Live Demo的jsfiddle

Answer 1

我不知道它的運作，你想讓它，但在任何情況下，與另外的問題是，它是治療跨度的文本值作爲字符串（它是）。所以當你「添加」1時，它實際上只是連接在一起。您可以使用​​來解決這個問題。請參閱this updated code。