html显示当前日期时间

作者：寂寞味道发布日期:2026-03-19 浏览:64

<!DOCTYPE html>
<html>
<head>
    <title>显示当前日期时间</title>
    <script type="text/javascript">
        // JavaScript代码用于获取当前的日期和时间，并将其显示在页面上
        function showDateTime() {
            var now = new Date(); // 创建一个Date对象，表示当前日期和时间
            var datetime = "现在的时间是: " + now.toLocaleString(); // 使用toLocaleString方法格式化日期和时间
            document.getElementById("datetime").innerHTML = datetime; // 将格式化后的日期和时间插入到具有id为"datetime"的HTML元素中
        }
    </script>
</head>
<body onload="showDateTime()">
    <h1>HTML显示当前日期时间</h1>
    <p id="datetime"></p> <!-- 这个段落将显示当前的日期和时间 -->
</body>
</html>

解释说明：

使用了JavaScript来获取当前的日期和时间。
new Date()创建了一个表示当前日期和时间的对象。
toLocaleString()方法将日期和时间转换为本地格式的字符串。
document.getElementById("datetime").innerHTML用于将生成的日期时间字符串插入到指定的HTML元素中。
页面加载时通过onload="showDateTime()"触发显示当前日期时间的功能。

上一篇：html字体样式

下一篇：html table合并单元格