首页请写一个正在运行时钟的html网页

请写一个正在运行时钟的html网页

时间: 2024-05-10 15:15:38 浏览: 77

以下是一个简单的HTML时钟网页： ```html <!DOCTYPE html> <html> <head> <title>时钟</title> <style> body { background-color: #333; color: #fff; font-size: 3em; text-align: center; margin-top: 50px; } </style> </head> <body> <script> function updateTime() { var currentTime = new Date(); var hours = currentTime.getHours(); var minutes = currentTime.getMinutes(); var seconds = currentTime.getSeconds(); hours = (hours < 10 ? "0" : "") + hours; minutes = (minutes < 10 ? "0" : "") + minutes; seconds = (seconds < 10 ? "0" : "") + seconds; var timeString = hours + ":" + minutes + ":" + seconds; document.getElementById("clock").innerHTML = timeString; } updateTime(); setInterval(updateTime, 1000); </script> <div id="clock"></div> </body> </html> ``` 这个网页使用了JavaScript来获取当前时间，并且每秒更新一次时钟的显示。CSS用于设置时钟的样式。

阅读全文