创建新段落并将变量值放入其中 - Javascript

时间:2014-11-05 20:45:05

标签: javascript html stopwatch

我试图用Javascript和HTML制作秒表。我得到了所有的按钮和秒表本身,但只有一件事我无法理解该怎么做。当我按下圈按钮时,我不想在我的HTML文档的新段落中打印laptime。

所以,如果我按下单圈按钮,我希望时间显示在下面的列表中,如果我再次按下它,我希望它在最后一次显示,依此类推。 但我不能理解该怎么做。

我很高兴能得到所有帮助!

// Villevillekulla

2 个答案:

答案 0 :(得分:0)

有些代码会有所帮助,但我想你会想要接近这个:

var laptime_val = '2:23';

var laptime_el = document.createElement('p');
document.body.appendChild(laptime_el);

laptime_el.innerHTML = laptime_val;

答案 1 :(得分:0)

选中stopwatch

HTML:

<button id="lap">Lap</button>
<div id="screen"></div>

JS:

$(document).ready(function(){
    var time = 0;
    var timer;

    $('#lap').click(function(){
        if (!timer){
            timer = setInterval(function(){
                time+=0.010;
                $("#screen p:last").text(time.toFixed(2));
            },10);
        }
        $("#screen").append('<p>'+time+'</p>');

    });
});