如何在HTML中插入时间日期显示_HTML时间标签与JavaScript动态更新

使用HTML与JavaScript结合实现动态时间显示。1. 用标签语义化标记时间，通过id=”current-time”占位；2. JavaScript的updateTime()函数获取当前时间并格式化为中文样式，填充到标签内，并设置datetime属性为ISO格式；3. 调用setInterval(updateTime, 1000)每秒更新一次，实现动态刷新；4. 完整示例包含HTML结构、中文本地化格式和实时更新逻辑，确保时间持续跳动显示。

当前时间：

function updateTime() { const now = new Date(); const formattedTime = now.toLocaleString(‘zh-CN’, { year: ‘numeric’, month: ‘long’, day: ‘numeric’, hour: ‘2-digit’, minute: ‘2-digit’, second: ‘2-digit’ }); document.getElementById(‘current-time’).textContent = formattedTime; document.getElementById(‘current-time’).dateTime = now.toISOString(); } updateTime(); setInterval(updateTime, 1000);