个人中心
gpt4 book ai didi

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

转载 作者：行者123 更新时间：2023-12-03 13:48:08 25 4
gpt4 key购买 nike

所以我的时钟工作正常。但是我现在要显示/打印的是单击开始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和堆栈上的几个类似问题，但我找不到我真正需要的东西

最佳答案

如果将它们分成两个独立的函数，则这样会更容易：

var time;
function ItsShowTime(){
        var date = new Date();
        var h = date.getHours();
        var m = date.getMinutes();
        var s = date.getSeconds();

        h = (h < 10) ? "0" + h : h;
        m = (m < 10) ? "0" + m : m;
        s = (s < 10) ? "0" + s : s;
        time = h + ":" + m + ":" + s;

        document.getElementById("Clock").textContent = time;
        setTimeout(ItsShowTime, 1000);
}

function CurrentTime(){
  document.getElementById("txt").innerText = time;
}

ItsShowTime();

<!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>

关于javascript - 单击开始按钮后显示当前时间值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/60598912/

25 4 0
文章推荐： performance - 无点样式的性能含义
文章推荐： reactjs - 在 Recompose for React 中定义 withHandler 函数
文章推荐： reactjs - 如何使用redux动态添加元素
文章推荐： mercurial - 修改 Mercurial 中的 "public"变更集
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com