首页html展示当前日期时间

html展示当前日期时间

时间: 2024-09-26 14:09:07 浏览: 29

在HTML中，你可以通过JavaScript来动态地显示当前日期和时间。这里是一个简单的例子，利用`<script>`标签结合`Date`对象来实现： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>当前日期和时间</title> </head> <body> <h1 id="datetime"></h1> <script> function showCurrentDateTime() { var now = new Date(); var date = now.toLocaleDateString('yyyy年MM月dd日'); var time = now.toLocaleTimeString('HH:mm:ss', {timeZone: 'Asia/Shanghai'}); document.getElementById('datetime').innerText = "当前日期时间：" + date + " " + time; } // 初始加载页面时显示一次当前日期时间 showCurrentDateTime(); // 如果需要实时更新，可以将这行添加到定时器事件（如setInterval） // setInterval(showCurrentDateTime, 1000); // 每秒更新一次 </script> </body> </html> ``` 这个示例会在页面上创建一个标题，内容是当前的日期和时间。如果你想要每秒钟自动刷新，可以在`setInterval`函数里调用`showCurrentDateTime`。

阅读全文