html如何获取当前时间 实例演示html获取当前时间

在 HTML 中，我们可以使用 JavaScript 来获取当前时间并将其显示在网页上。以下是一个简单的示例：

首先，在 HTML 文件中创建一个用于显示当前时间的元素，比如一个 div 元素：

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

然后，在 JavaScript 中编写代码来获取当前时间和更新页面上的元素内容：

// 获取当前时间
var now = new Date();

// 格式化时间为字符串
var timeString = now.toLocaleTimeString(); // 或者使用 now.toISOString()

// 获取用于显示时间的元素
var timeElement = document.getElementById('current-time');

// 更新元素内容
timeElement.innerHTML = '当前时间：' + timeString;

这段 JavaScript 代码会在网页加载时被执行，它会获取当前时间并将其格式化成字符串，然后通过 getElementById 方法获取到页面中用于显示时间的元素，并将时间字符串设置为该元素的内容，从而完成了显示当前时间的操作。