时间戳

首页 > 解决方案 > 点击开始按钮后显示当前时间值

javascript - 点击开始按钮后显示当前时间值

问题描述

所以我有一个工作正常的时钟。但我现在要显示/打印的是单击开始 rit 后该时钟中的当前时间。我试图首先停止设置计数器，但这也停止了我脚本第一部分中的计时器。现在发生的事情是我只有两个计时器。我不想要那个，我想点击开始 rit 按钮，然后它需要当前的时间，然后在 txt 中打印它。

    
      function ItsShowTime(){
        var date = new Date();
        var h = date.getHours();
        var m = date.getMinutes();
        var s = date.getSeconds();
        if(h == 0){
        }
        h = (h < 10) ? "0" + h : h;
        m = (m < 10) ? "0" + m : m;
        s = (s < 10) ? "0" + s : s;
        var time = h + ":" + m + ":" + s;


        document.getElementById("Clock").innerText = time;
        document.getElementById("Clock").textContent = time;
        setTimeout(ItsShowTime, 1000);
        CurrentTime(time);
      }
      ItsShowTime();
      function CurrentTime(time){
          document.getElementById("txt").innerText = time;
      }
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Digital Clock</title>
  </head>
  <body>
    <input type="button" value="Start rit" onclick="CurrentTime()">
    <div id="txt"></div>
    <div id="Clock">


    </div>
  </body>
</html>

我检查了 w3schools 怎么做我检查了 Bitdegree 和堆栈上的几个类似问题，但我找不到我需要的确切内容

标签： javascripthtml

解决方案

如果您想每秒自动刷新一次，请使用：

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title>Digital Clock</title>
</head>

<body>
  <input type="button" value="Start rit" onclick="ItsShowTime()">
  <div id="txt"></div>
  <div id="Clock">

    <script type="text/javascript">
      function ItsShowTime() {
        var date = new Date();
        var h = date.getHours();
        var m = date.getMinutes();
        var s = date.getSeconds();
        if (h == 0) {}
        h = (h < 10) ? "0" + h : h;
        m = (m < 10) ? "0" + m : m;
        s = (s < 10) ? "0" + s : s;
        var time = h + ":" + m + ":" + s;

        setTimeout(ItsShowTime, 1000);
        document.getElementById("txt").innerText = time;
      }
     
    </script>
  </div>
</body>

</html>

如果不只是删除 setTimeout();

推荐阅读