Question

这是一个显示时间小时，分钟和秒的JavaScript现在秒数是滴答分钟更改它不是静态我有问题。如何在HTML页面中实现它？

<script type="text/javascript">
  function startTime() {
      var today = new Date();
      var h = today.getHours();
      var m = today.getMinutes();
      var s = today.getSeconds();
      m = checkTime(m);
      s = checkTime(s);
      document.getElementById('txt').innerHTML = h + ":" + m + ":" + s;
      t = setTimeout('startTime()', 500);
  }

  function checkTime(i) {
      if (i < 10) {
          i = "0" + i;
      }
      return i;
  }
</script>

Answer 1

将您的正文标记编辑为

<body  onload="startTime()">
<span id="txt">10:26:07</span>

然后在要显示时钟的位置添加波纹管代码

Answer 2

就这样做：

<span id="txt"></span>

<script type="text/javascript">
  function startTime() {
      var today = new Date();
      var h = today.getHours();
      var m = today.getMinutes();
      var s = today.getSeconds();
      m = checkTime(m);
      s = checkTime(s);
      document.getElementById('txt').innerHTML = h + ":" + m + ":" + s;
      t = setTimeout('startTime()', 500);
  }

  function checkTime(i) {
      if (i < 10) {
          i = "0" + i;
      }
      return i;
  }

  startTime();
</script>

Answer 3

您的Javascript函数可能有这么多版本的HTML标记：

其中一个可能是：

<div id="txt">
</div>
<button type="button" name="click" onclick="startTime()">Click Me!</button>

DEMO FIDDLE

Answer 4

您的网页上需要一个ID为txt的元素（请参阅您的脚本。）
您需要启动/调用函数执行startTime();
为了让JS DOM解析器能够在结束#txt标记之前找到您的<script> </body>。

＆＃13;

<div id="txt"></div>

<script type="text/javascript">
  function startTime() {
      var today = new Date();
      var h = today.getHours();
      var m = today.getMinutes();
      var s = today.getSeconds();
      m = checkTime(m);
      s = checkTime(s);
      document.getElementById('txt').innerHTML = h + ":" + m + ":" + s;
      t = setTimeout('startTime()', 500);
  }

  function checkTime(i) {
      if (i < 10) {
          i = "0" + i;
      }
      return i;
  }
  
  startTime(); // Execute
</script>

＆＃13;

如何在HTML中实现此JavaScript

4 个答案: