我的javascript时钟赢了't显示时间

My javascript clock won't display the time

本文关键字：显示 时间 javascript 时钟 我的      更新时间：2023-09-26

我对javascript还比较陌生，我正试图编写一个只有时钟显示的简单网页，以便对该语言有一个全面的了解。我不知道为什么钟不会出现在盒子里。有人能给我指正确的方向吗？我的代码在下面。

<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>A Simple Clock</title>
</head>
<body>
   <h1>
      A Simple JavaScript Clock
   </h1> 
   <form action="">
      <p><input type="text" id="time" /></p>
   </form>
   <script>
        "use strict";
        var tick =  setInterval("digitalClock()", 1000);
        function digitalClock() {
        var currentTime = new Date();
        var hours = currentTime.getHours();
        var minutes = currentTime.getMinutes();
        var seconds = currentTime.getSeconds();
        if (minutes < 10) {
        minutes = "0" + minutes;
        }
        if (seconds < 10) {
        seconds = "0" + seconds;
        }
        currentTime = hours + ':' + minutes + ':' + seconds;
        currentTime = document.getElementById("time");
       }
       window.onload = digitalClock();
       </script>
</body>
</html>

提前谢谢。

这是您的工作代码，您可以设置您的函数在页面加载时开始执行。不需要在setInterval函数内部用大括号加引号。您可以使用输入的value属性为其赋值。

        "use strict";
        function digitalClock() {
          var currentTime = new Date();
          var hours = currentTime.getHours();
          var minutes = currentTime.getMinutes();
          var seconds = currentTime.getSeconds();
          if (minutes < 10) {
            minutes = "0" + minutes;
          }
          if (seconds < 10) {
            seconds = "0" + seconds;
          }
          currentTime = hours + ':' + minutes + ':' + seconds;
          document.getElementById("time").value = currentTime;
        }
        window.onload = function() {
          setInterval(digitalClock, 1000);
        };
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>A Simple Clock</title>
</head>
<body>
  <h1>
      A Simple JavaScript Clock
   </h1> 
  <form action="">
    <p>
      <input type="text" id="time" />
    </p>
  </form>
</body>
</html>

更改这两行：

currentTime=小时+'：'+分钟+'：'+秒；currentTime=document.getElementById（"时间"）；

类似的东西：

// Creates a string which can be displayed in the box
var currentTimeStr = hours + ':' + minutes + ':' + seconds;
// Sets the value of the 'time' input to the time string
document.getElementById("time").value = currentTimeStr;
相关文章：