完整显示当前日期和时间的JS代码

下面是讲解“完整显示当前日期和时间的JS代码”的完整攻略。

1. 基本知识

要完整显示当前日期和时间，我们需要掌握以下两个知识点：

• 获取当前日期和时间的JS方法。在JS中，我们可以使用Date()方法来获取当前日期和时间。例如，以下代码可以获取当前时间并将其以字符串格式显示在控制台上：

console.log(Date());

• 将JS日期格式化成指定格式。通常情况下，我们需要将JS日期格式化成如“2021-07-20 10:30:00”的字符串格式。在JS中，我们可以使用toLocaleString()方法将日期格式化成本地日期格式。例如，以下代码可以获取当前时间并将其以“年-月-日 时:分:秒”的格式显示在控制台上：

console.log(new Date().toLocaleString('zh', { hour12: false }));

2. 完整显示当前日期和时间的代码

以下是一个完整显示当前日期和时间的JS代码：

function showDateTime() {
  // 获取当前日期和时间
  let now = new Date();

  // 格式化日期时间
  let year = now.getFullYear(); // 年
  let month = now.getMonth() + 1; // 月，注意要+1
  let day = now.getDate(); // 日
  let hour = now.getHours(); // 时
  let minute = now.getMinutes(); // 分
  let second = now.getSeconds(); // 秒

  // 格式化日期时间字符串
  let dateTimeString = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;

  // 显示日期时间
  console.log(dateTimeString);
}

showDateTime();

以上代码中，我们使用new Date()方法获取当前日期和时间，并使用getFullYear()、getMonth()、getDate()、getHours()、getMinutes()、getSeconds()方法分别获取年、月、日、时、分、秒，然后通过字符串拼接的方式将它们格式化成“年-月-日 时:分:秒”的字符串格式，并输出到控制台上。

3. 示例说明

下面给出两个示例说明。

示例1

要在网页中显示当前时间，我们可以在HTML文件中添加一个<div>元素，并在JS文件中使用setInterval()方法每秒更新它的内容，代码如下：

HTML文件：

<div id="datetime"></div>
<script src="datetime.js"></script>

JS文件（datetime.js）：

function showDateTime() {
  // 获取当前日期和时间
  let now = new Date();

  // 格式化日期时间
  let year = now.getFullYear(); // 年
  let month = now.getMonth() + 1; // 月，注意要+1
  let day = now.getDate(); // 日
  let hour = now.getHours(); // 时
  let minute = now.getMinutes(); // 分
  let second = now.getSeconds(); // 秒

  // 格式化日期时间字符串
  let dateTimeString = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;

  // 显示日期时间
  let datetime = document.getElementById('datetime');
  datetime.innerHTML = dateTimeString;
}

// 每秒更新一次
setInterval(showDateTime, 1000);

上述代码在页面中创建了一个<div>元素，并通过setInterval()方法每秒更新它的内容，使其显示当前时间。

示例2

要使用Node.js在控制台中显示当前时间，我们可以在JS文件中直接输出当前时间，代码如下：

function showDateTime() {
  // 获取当前日期和时间
  let now = new Date();

  // 格式化日期时间
  let year = now.getFullYear(); // 年
  let month = now.getMonth() + 1; // 月，注意要+1
  let day = now.getDate(); // 日
  let hour = now.getHours(); // 时
  let minute = now.getMinutes(); // 分
  let second = now.getSeconds(); // 秒

  // 格式化日期时间字符串
  let dateTimeString = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;

  // 显示日期时间
  console.log(dateTimeString);
}

showDateTime();

以上代码输出当前时间并将其显示在控制台上。