Question

我想知道如何在点击按钮时在javascript上创建一个秒表，然后在达到25次点击时停止，然后显示时间。这是我目前的代码：

<script>
var test= 1;

function myFunction(){
   if(test < 26){
      document.getElementById("hello").innerHTML= test;
      test++;
   }
}
</script>

这个代码最多可以计算25个，但是我希望它在第一次点击开始时用秒表计数到25，然后显示时间。感谢

Answer 1

纯JS方式：

var test = 0;
var start = 0;
var d = 0;

function myFunction(){
    if(test === 0){
        d = new Date();
        start = d.getTime();
    }
    if(test < 25){
        document.getElementById("hello").innerHTML= test;
        test++;
    }
    if(test === 25){
        d = new Date();
        test++;
        document.getElementById("hello").innerHTML= (d.getTime() - start).toString();
    }
}

Answer 2

在第一次点击和最后一次点击时读取时间并减去差异现在可以正常工作 - 就像这样;

var test= 1;
var starttime = null;

function myFunction(){
   if (test == 1) starttime = Date.now();
   if(test < 26){
      document.getElementById("hello").innerHTML= test;
   } else {
      alert("Time Taken:" + (Date.now() - starttime));
   }
   test++;
}

设置一个秒表停止在一定数量的点击javascript

2 个答案: