Web开发，当前的日期和时间通常需要显示在网页上。HTML本身没有这样的动态功能，但是我们可以借助JavaScript来实现。JavaScript是一种常用的前端脚本语言，它可以轻松获得系统时间，并将其插入HTML元素中。

以下是一个简单的例子，如何在HTML中使用JavaScript实时显示当前的日期和时间：

首先，我们创建了HTML文件，并在显示日期和时间中添加一个。

元素。给它一个唯一的。id。，这样，我们就可以通过JavaScript找到它并更新它的内容。

加载中...

 接下来，我们创建了一个名字。display-datetime.js。display-datetime.js。

JavaScript文件，并编写用于获取和格式化当前日期时间的函数。

// 显示当前日期时间的函数 function showCurrentDateTime() { const now = new Date(); const year = now.getFullYear(); const month = String(now.getMonth() + 1).padStart(2, '0'); // 从0月份开始，所以+1 const day = String(now.getDate()).padStart(2, '0'); const hours = String(now.getHours()).padStart(2, '0'); const minutes = String(now.getMinutes()).padStart(2, '0'); const seconds = String(now.getSeconds()).padStart(2, '0'); const formattedDateTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; document.getElementById('currentDateTime').textContent = formattedDateTime; } // 页面加载完成后，当前日期和时间立即显示 window.onload = showCurrentDateTime; // 每秒更新一次日期时间显示 setInterval(showCurrentDateTime, 1000);JavaScript文件，我们定义了一个。showCurrentDateTime。showCurrentDateTime。函数，它使用。Date。目前的日期和时间，并将其格式化为。YYYY-MM-DD HH:MM:SS。的形式。然后，我们通过。document.getElementById。找到有指定的。id。HTML元素，并使用。

textContent。属性设置为格式化后的日期时间字符串。为了在页面加载完成后立即显示当前的日期时间，我们用过。window.onload。事件。另外，我们也使用它。setInterval。函数每秒调用一次。

showCurrentDateTime。函数，实时更新显示的日期时间。最后，将JavaScript文件与HTML文件联系起来。HTML文件。标签底部󿀌使用。