2

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

<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 但到目前为止没有太大成功。非常感谢您的帮助。

4

2 回答 2

1

您遇到的问题是您start在页面加载后立即记录，而不是在用户实际单击开始按钮时进行记录。要记录用户实际单击按钮时的开始，请将您的doTimer功能更改为以下

function doTimer() {
  if (!timer_is_on) {
    start = new Date().getTime();
    timer_is_on=1;
    timedCount();
  }
}
于 2011-09-25T17:58:35.857 回答
1

您必须在以下内容中包含另一个重置doTimer()：

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

在此处查看运行版本。

于 2011-09-25T18:00:29.750 回答