JavaScript:通过单击按钮捕获系统时间的代码

时间:2013-09-26 06:33:03

标签: javascript jquery ajax

我需要一个可以帮助我创建按钮的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>

1 个答案:

答案 0 :(得分:1)

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

Incomplete Solution

的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;

  }