首页JS — 实现简单的数字时钟

JS — 实现简单的数字时钟

时间: 2023-10-25 17:08:52 浏览: 136

好的，下面是实现简单数字时钟的 JavaScript 代码： ```html <!DOCTYPE html> <html> <head> <title>数字时钟</title> </head> <body> <h1 id="clock"></h1> <script> function updateTime() { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds(); hours = hours < 10 ? '0' + hours : hours; minutes = minutes < 10 ? '0' + minutes : minutes; seconds = seconds < 10 ? '0' + seconds : seconds; var timeString = hours + ':' + minutes + ':' + seconds; document.getElementById('clock').innerHTML = timeString; } setInterval(updateTime, 1000); </script> </body> </html> ``` 这段代码中，我们定义了一个 `updateTime` 函数，该函数会获取当前的时间，然后将小时、分钟、秒钟分别转换成两位数的字符串格式。最后将这些字符串拼接在一起，以更新页面上的数字时钟。为了让数字时钟每秒钟都能更新一次，我们使用 `setInterval` 函数，将 `updateTime` 函数设定为每隔一秒钟执行一次。

阅读全文