我这里有一个基本的秒表,但问题是我认为它是在页面加载时(而不是单击开始按钮时)开始计数。同样,当您重置并重新启动时,也会发生相同的问题。

<form>
    <input type="button" value="Start count!" onclick="doTimer()" />
    <input type="text" id="txt" />
    <input type="button" value="Stop count!" onclick="stopCount()" />
    <input type="button" value="Reset!" onclick="resetCount()" />
</form>

<script type="text/javascript">

var start = new Date().getTime();
var elapsed = '0.0';
var t;
var timer_is_on=0;

function timedCount() {
    var time = new Date().getTime() - start;
    elapsed = Math.floor(time / 100) / 10;
    if(Math.round(elapsed) == elapsed) { elapsed += '.0'; }
    document.getElementById('txt').value=elapsed;
    t=setTimeout("timedCount()",50);
}

function doTimer() {
    if (!timer_is_on) {
        timer_is_on=1;
        timedCount();
    }
}

function stopCount() {
    clearTimeout(t);
    timer_is_on=0;
}

function resetCount() {
    document.getElementById('txt').value='0.0';
    var elapsed = '0.0';
}


</script>


我尝试过定义开始按钮的onclick的开始变量,但到目前为止还没有成功。非常感谢您的任何帮助。

最佳答案

您必须在doTimer()中包含另一个重置:

function doTimer() {
    if (!timer_is_on) {
        start = new Date().getTime();
        timer_is_on=1;
        timedCount();
    }
}


请参阅正在运行的版本here

关于javascript - JavaScript秒表不是从零开始,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7547378/

10-12 12:47
查看更多