JS 显示当前日期与时间的代码

下面是“JS 显示当前日期与时间的代码”的完整攻略，共分为以下几个步骤：

1. 创建一个 HTML 页面，添加一个显示日期和时间的元素，例如 <div id="date-time"></div>。

2. 在 JavaScript 中获取当前日期时间的信息。可以使用 Date() 函数，该函数会返回一个表示当前日期时间的对象。

3. 在 JavaScript 中解析并格式化当前日期时间的信息。通过调用 Date() 函数获取到的日期时间信息，可以使用一系列内置函数处理和格式化。

4. 将格式化后的日期时间信息动态地更新到 HTML 元素中。

下面是两个示例说明：

示例一：显示当前日期和时间

首先，在 HTML 中创建一个元素用于显示日期和时间，例如：

<div id="date-time"></div>

注意，这里给元素设置了一个 id 属性，用于在 JavaScript 中获取该元素。

接下来，在 JavaScript 中获取当前日期时间信息，并格式化为字符串格式。我们可以使用 toLocaleString() 方法，该方法会将日期时间信息转换为本地化的格式。

let dateTime = new Date().toLocaleString(); // 获取当前日期时间信息

最后，将格式化后的日期时间信息动态地更新到 HTML 元素中，代码如下：

let dateTime = new Date().toLocaleString(); // 获取当前日期时间信息
document.getElementById('date-time').innerHTML = dateTime; // 动态更新到 HTML 元素中

这样就可以在 HTML 页面中看到当前日期和时间了。

示例二：每秒钟更新日期和时间

如果想要实时更新日期和时间，可以使用 setInterval() 函数每隔一段时间执行一次更新操作。例如，我们可以每隔一秒钟更新一次：

setInterval(function() {
  let dateTime = new Date().toLocaleString(); // 获取当前日期时间信息
  document.getElementById('date-time').innerHTML = dateTime; // 动态更新到 HTML 元素中
}, 1000);

这样，页面显示的日期和时间每秒钟都会更新一次。