-1

ボタンを作成するのに役立つJavaScriptコードが必要で、ボタンをクリックするとシステム時間のキャプチャが開始されます。

タイム キャプチャが開始されると、2 つの追加のボタンに [一時停止] と [停止] が表示されます。一時停止ボタンをクリックすると、時間のキャプチャが停止するはずです。再び一時停止（開始に変わる）ボタンをクリックすると、時間が再びキャプチャを開始するはずです。停止をクリックすると、タイム キャプチャが完全に停止し、ボタンが非アクティブになります。

時間のキャプチャは分単位である必要があります。

これが私が試したことです。

<!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 に答える