javascript - 使用表单元素显示时钟

标签 javascript

我想使用像 HH MM SS 这样的表单元素来显示时钟,但它不起作用。 我该怎么做?

<html>   
<body>
  <p>A script on this page starts this clock:</p>
  <p id="demo"></p>

  <script>
    var myVar = setInterval(myTimer, 1000);

    function myTimer() {
      var d = new Date();
      var t = d.getHours();
      var y=d.getMinutes();
      var z=d.getSeconds();
      document.getElementById("demo").innerHTML = t+":"+y+":"+z;
    } 
  </script>

  <script>
    function fun1() {
      var d = new Date();
      var t = d.getHours();
      var y=d.getMinutes();
      var z=d.getSeconds();  
      window.document.my.hh.value=t+;
      window.document.my.mm.value=+y+;
      window.document.my.ss.value=+z;
    }
  </script>

  <form name="my">
    HH
    <input type="text" name="hh">
    MM
    <input type="text" name="mm">
    SS
    <input type="text" name="ss">


  </form>
</body>
</html>

我期望输出像 此页面上的脚本启动此时钟:

13:10:24

HH 13 MM 10 SS 24

但实际输出是 此页面上的脚本启动此时钟:

13:10:24

HH  MM  SS

最佳答案

你应该在那里更改你的代码:

window.document.my.hh.value=t;
window.document.my.mm.value=y;
window.document.my.ss.value=z;

这是我修复的演示:https://codepen.io/phuongnm153/pen/PrQvGq

更新:

问题有点变化。

然后我将 fun1(); 添加到 myTimer() 函数

我更新了演示链接

关于javascript - 使用表单元素显示时钟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56831738/

相关文章:

php - 使用 PHP 或 JS 检查域扩展

javascript - 理解 Eloquent Javascript 的 Reduce 函数

javascript - 跳转到页面某段的哈希索引截取了部分内容

javascript - 使用 gulp 并行运行多个 qunit 测试

javascript - 用另一个函数包装一个函数的参数并在一定的超时时间内调用它

javascript - 如何在页面中搜索单词并突出显示它们(JQuery)

javascript - 如何在 CrowdFlower 上随机化答案选择?

javascript - 排序字符串值js

javascript - 使用 querySelector 进行事件冒泡

javascript - Selenium 功能测试结构和实践