html时间代码

作者：尒忸旳迣鎅゛沬卜鋽旳凄涼发布日期:2025-04-04 浏览:152

<!-- HTML时间代码示例 -->
<!DOCTYPE html>
<html>
<head>
    <title>HTML 时间代码示例</title>
</head>
<body>
    <!-- 使用 <time> 标签来表示时间 -->
    <p>会议开始时间: <time datetime="2023-10-05T14:00">下午 2:00</time></p>

    <!-- 使用 JavaScript 获取并显示当前时间 -->
    <p>当前时间: <span id="currentTime"></span></p>

    <script>
        // 获取当前时间并格式化输出
        function displayCurrentTime() {
            const now = new Date();
            const formattedTime = now.toLocaleTimeString();
            document.getElementById('currentTime').textContent = formattedTime;
        }

        // 页面加载完成后调用函数
        window.onload = displayCurrentTime;
    </script>
</body>
</html>

解释说明：

<time> 标签：用于定义日期或时间。datetime 属性提供了机器可读的日期和时间格式，而标签内的文本内容则是给人阅读的格式。
JavaScript 获取当前时间：通过 new Date() 获取当前时间，并使用 toLocaleTimeString() 方法将其格式化为本地时间字符串。然后将该字符串插入到页面中的 <span> 元素中。

如果你需要其他类型的 HTML 时间代码示例，请告知！

上一篇：html2canvas使用

下一篇：xml转html