顯示

Question

我用秒錶代碼在下面的鏈接

Stop Watch Codes

在這裏，我已經創建

<h1 id="lapping"><time></time></h1> 
<button type="button" id="lap" class="btn btn-default">Lap</button> 

額外的代碼，在這裏秒錶的時間是我創建的附加JQuery

$(document).ready(function(){ 
    var testValue = $("#lapping").text(); 

    $(document).ready(function(){ 
     $("#lap").click(function() { 
      console.log(testValue); 
     }); 
    }); 
}); 

我需要一些幫助在我的Lap onclick代碼，因爲它總是在控制檯上顯示00:00:01，即使我在20秒或1分鐘點擊Lap按鈕。

Answer 1

問題是因爲您只讀取DOM加載時的#lapping值。相反，只要按下按鈕，就需要檢索該值。

試試這個：

$(document).ready(function() { 
    $("#lap").click(function() { 
     var testValue = $("#lapping").text(); 
     console.log(testValue); 
    }); 
}); 

Updated fiddle

Answer 2

既然你獲取的DOM ready事件的價值，從來沒有更新變量testValue，它也將即00:00:01

您顯示其初始值當您點擊lap元素時，需要重新獲取該值。

使用

$("#lap").click(function() { 
    console.log($("#lapping").text()); 
}); 

Fiddle