首页使用javaScript编写一个实时动态显示当前日期和时间的功能，时间显示格式为hh:mm:ss

使用javaScript编写一个实时动态显示当前日期和时间的功能，时间显示格式为hh:mm:ss

时间: 2023-07-16 09:16:59 浏览: 251

可以使用JavaScript的Date对象来获取当前日期和时间，并通过setInterval()函数来实现实时更新显示。以下是一个简单的示例代码： ```html <!DOCTYPE html> <html> <head> <title>实时显示日期和时间</title> <script> function displayTime() { var date = new Date(); var hours = date.getHours(); var minutes = date.getMinutes(); var seconds = date.getSeconds(); hours = checkTime(hours); minutes = checkTime(minutes); seconds = checkTime(seconds); document.getElementById("time").innerHTML = hours + ":" + minutes + ":" + seconds; } function checkTime(i) { if (i < 10) {i = "0" + i}; // 在数字前面补0 return i; } setInterval(displayTime, 1000); // 每秒更新一次 </script> </head> <body> <p>当前时间：<span id="time"></span></p> </body> </html> ``` 在以上代码中，首先定义了一个名为displayTime()的函数，该函数通过Date对象获取当前时间，然后将小时、分钟和秒数分别保存到变量hours、minutes和seconds中。接着调用了一个名为checkTime()的函数，该函数用于在小时、分钟或秒数小于10的时候，在数字前面加上一个0，以保证显示格式正确。最后，将更新后的时间字符串赋值给id为time的DOM元素的innerHTML属性，从而实现实时更新显示。通过setInterval()函数，每秒钟执行一次displayTime()函数，从而实现实时更新显示。在HTML页面中，我们只需要添加一个id为time的span元素，即可实现实时显示当前时间的功能。

阅读全文