-1

我需要一个 javascript 代码来帮助我创建一个按钮,当单击该按钮时,它将开始捕获系统时间。

一旦时间捕捉开始,两个额外的按钮应该反映暂停和停止。当我单击暂停按钮时,时间捕获应该停止。如果我再次单击暂停(更改为开始)按钮,时间应该再次开始捕获。当我单击停止时,时间捕获应该完全停止并且按钮停用。

时间捕获应该以分钟为单位。

这是我尝试过的。

<!DOCTYPE html>
<html>    
    <head>
        <script>
            function myFunction() {
                alert("Hello World!");
            }
        </script>
    </head>    
    <body>
        <button onclick="myFunction()">Try it</button>
    </body>

</html>

<script language="javascript" type="text/javascript">
    function getTimeStamp() {
        var now = new Date();
        return ((now.getMinutes() < 10) ? (
           "0" + now.getMinutes()) : (now.getMinutes()));
    }
</script>
<p><input type="button" value="Start Time" onClick="getTimeStamp();"></p>
4

1 回答 1

1

这是您的问题的不完整解决方案。我会尽快完成它,但我希望你尝试完成它。

不完整的解决方案

Javascript

  function myFunction() {
      var btnstop = document.createElement("BUTTON");
      var btnplaypause = document.createElement("BUTTON");
      var t = document.createTextNode("Stop");
      var u = document.createTextNode("Pause");
      btnstop.appendChild(t);
      btnplaypause.appendChild(u);
      my_button = document.getElementById("wrapper");
      my_button.appendChild(btnstop);
      my_button.appendChild(btnplaypause);
      btnstop.id = "stop";
      btnplaypause.id = "playpause"
      btnstop.onclick = stoptimer;
      startTime();
  }

  function checkTime(i) {
      if (i < 10) {
          i = "0" + i;
      }
      return i;
  }

  function startTime() {
      var today = new Date();
      var h = today.getHours();
      var m = today.getMinutes();
      var s = today.getSeconds();
      // add a zero in front of numbers<10
      m = checkTime(m);
      s = checkTime(s);
      document.getElementById('timer').innerHTML = h + ":" + m + ":" + s;
      t = setTimeout(function () {
          startTime()
      }, 500);
  }

  function stoptimer() {
      document.getElementById("stop").disabled = true;
      document.getElementById("playpause").disabled = true;

  }
于 2013-09-26T07:58:22.413 回答