首页用html编写程序，在页面上显示动态时钟。

用html编写程序，在页面上显示动态时钟。

时间: 2024-02-25 10:59:23 浏览: 70

好的，以下是一个简单的HTML代码，可以在页面上显示动态时钟： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>动态时钟</title> <style> body { text-align: center; font-size: 3em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } </style> </head> <body> <div id="clock"></div> <script> function updateClock() { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds(); var timeString = hours + ':' + minutes + ':' + seconds; document.getElementById("clock").innerHTML = timeString; } setInterval(updateClock, 1000); </script> </body> </html> ``` 通过设置一个 `updateClock` 函数，可以实现每秒钟更新一次当前时间，并将其显示在 `clock` 元素中。在HTML中，我们可以通过 `setInterval` 函数来定期调用该函数，从而实现动态时钟的效果。

阅读全文