首页制作网页如何获取当前时间

制作网页如何获取当前时间

时间: 2023-03-20 11:00:42 浏览: 88

要获取当前时间并在网页上显示它，您可以使用JavaScript编写一个简单的脚本。以下是一个获取当前时间并在网页上显示它的示例： ```html <!DOCTYPE html> <html> <head> <title>显示当前时间</title> <script> function showTime() { var date = new Date(); // 创建一个 Date 对象 var hours = date.getHours(); // 获取当前小时 var minutes = date.getMinutes(); // 获取当前分钟 var seconds = date.getSeconds(); // 获取当前秒数 var time = hours + ":" + minutes + ":" + seconds; // 将时间格式化为字符串 document.getElementById("clock").innerHTML = time; // 将时间显示在网页上 } setInterval(showTime, 1000); // 每隔1秒钟执行一次 showTime 函数 </script> </head> <body> <p>当前时间是：<span id="clock"></span></p> </body> </html> ``` 这个脚本会在网页上创建一个段落元素，用于显示当前时间。它定义了一个名为 `showTime` 的函数，该函数会获取当前时间，并将其格式化为字符串。然后，它会将时间字符串更新到网页上的段落元素中。最后，使用 `setInterval` 函数每隔1秒钟调用一次 `showTime` 函数，以保持时间的实时更新。