javascript实时显示当天日期的方法

2023年5月27日下午12:34 • JavaScript

让我们开始讲解“JavaScript实时显示当天日期的方法”的完整攻略。

首先，我们需要了解如何在 HTML 中引入 JavaScript。在 HTML 中使用 <script> 标签引入 JavaScript 代码文件或者直接在 <script> 标签中编写 JavaScript 代码。下面是一个最简单的例子。

<!DOCTYPE html>
<html>
  <head>
    <title>Javascript实时显示日期</title>
    <script>
      // JavaScript代码
    </script>
  </head>
  <body>
    <!-- HTML代码 -->
  </body>
</html>

接下来，我们需要使用 JavaScript 来获取当前日期和时间。我们可以使用内置的 Date() 对象来获取当前的日期和时间。下面的代码将创建一个 Date 对象，然后使用 getFullYear()、getMonth()、getDate()、getDay()、getHours()、getMinutes() 和 getSeconds() 方法获取年、月、日、星期、小时、分钟和秒：

let today = new Date();
let year = today.getFullYear();
let month = today.getMonth() + 1;
let day = today.getDate();
let weekDay = today.getDay();
let hour = today.getHours();
let minute = today.getMinutes();
let second = today.getSeconds();

然后，我们将创建一个函数来格式化日期并将其显示在网页中。下面的代码将创建一个名为 displayDate() 的函数，并使用 innerHTML 方法将其显示在网页中：

function displayDate() {
  let today = new Date();
  let year = today.getFullYear();
  let month = today.getMonth() + 1;
  let day = today.getDate();
  let weekDay = today.getDay();
  let hour = today.getHours();
  let minute = today.getMinutes();
  let second = today.getSeconds();

  let weekDays = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
  let date = year + "." + month + "." + day + " " + weekDays[weekDay] + " " + hour + ":" + minute + ":" + second;

  document.getElementById("dateDisplay").innerHTML = date;
}

你可以将 dateDisplay 更改为你网页中显示日期的标签 id。

最后，我们需要让函数每秒钟更新一次以显示实时的日期和时间。我们可以使用 setInterval() 函数来实现这一点。下面的代码将每秒钟调用 displayDate() 函数：

setInterval(displayDate, 1000);

下面是一个完整的例子，演示如何在网页中实时显示日期：

<!DOCTYPE html>
<html>
  <head>
    <title>Javascript实时显示日期</title>
    <script>
      function displayDate() {
        let today = new Date();
        let year = today.getFullYear();
        let month = today.getMonth() + 1;
        let day = today.getDate();
        let weekDay = today.getDay();
        let hour = today.getHours();
        let minute = today.getMinutes();
        let second = today.getSeconds();

        let weekDays = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
        let date = year + "." + month + "." + day + " " + weekDays[weekDay] + " " + hour + ":" + minute + ":" + second;

        document.getElementById("dateDisplay").innerHTML = date;
      }
      setInterval(displayDate, 1000);
    </script>
  </head>
  <body>
    <p id="dateDisplay"></p>
  </body>
</html>

以上是一个最简单的例子，你也可以根据自己的需求进行修改和扩展。如果你需要在不同的语言环境下进行显示，可以根据需要更改 weekDays 数组和日期格式。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：javascript实时显示当天日期的方法 - Python技术站