首页使用javascript制作一个网页时钟

使用javascript制作一个网页时钟

时间: 2024-12-15 22:27:48 浏览: 11

创建一个简单的网页时钟通常涉及到使用JavaScript的`setInterval`函数结合`Date`对象。以下是一个基本的例子： ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>网页时钟</title> <style> #clock { font-size: 50px; margin: 0 auto; text-align: center; } </style> </head> <body> <div id="clock"></div> <script> function showTime() { const clockElement = document.getElementById('clock'); const currentTime = new Date(); let hours = currentTime.getHours(); // 获取小时 let minutes = currentTime.getMinutes(); // 获取分钟 let seconds = currentTime.getSeconds(); // 获取秒 // 格式化时间 hours = hours < 10 ? '0' + hours : hours; minutes = minutes < 10 ? '0' + minutes : minutes; seconds = seconds < 10 ? '0' + seconds : seconds; clockElement.textContent = `${hours}:${minutes}:${seconds}`; } // 每秒更新一次显示 setInterval(showTime, 1000); </script> </body> </html> ``` 这个例子会在页面上显示当前的时间，每隔一秒更新一次。

阅读全文