Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在控制台中显示秒表的时间_Javascript_Jquery - Fatal编程技术网

Javascript 在控制台中显示秒表的时间

Javascript 在控制台中显示秒表的时间,javascript,jquery,Javascript,Jquery,我正在使用下面链接中的秒表代码 这里是我创建的附加代码 <h1 id="lapping"><time></time></h1> <button type="button" id="lap" class="btn btn-default">Lap</button> 我需要一些关于我的膝盖的帮助onclickcode,因为它总是在控制台上显示00:00:01,即使我在20秒或1分钟时单击膝盖按钮。问题是因为只有在加载DOM时

我正在使用下面链接中的秒表代码

这里是我创建的附加代码

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

我需要一些关于我的膝盖的帮助
onclick
code,因为它总是在控制台上显示00:00:01,即使我在20秒或1分钟时单击膝盖按钮。

问题是因为只有在加载DOM时才读取
#lapping
值。相反,只要按下
#lap
按钮,您就需要检索该值

试试这个:

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

由于您正在获取DOM就绪事件的值,并且从不更新变量
testValue
,因此它也将显示其初始值,即
00:00:01

每当单击
lap
元素时,都需要重新获取该值

使用

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