单机游戏大全免费

游戏大全

当前位置:首页 > 互联网 IT业界 > html中如何获取当前时间

html中如何获取当前时间

admin 互联网 IT业界 85热度

HTML中,我们无法直接获取当前时间,我们可以使用JavaScript来实现这个功能,以下是一个简单的示例:

(图片来源网络,侵删)
<!DOCTYPE html> <html> <head> <title>获取当前时间</title> <script> function showTime() { var date = new Date(); var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.getDate(); var hours = date.getHours(); var minutes = date.getMinutes(); var seconds = date.getSeconds(); var currentTime = year + "年" + month + "月" + day + "日 " + hours + ":" + minutes + ":" + seconds; document.getElementById("time").innerHTML = currentTime; setTimeout(showTime, 1000); } </script> </head> <body onload="showTime()"> <h1>当前时间:</h1> <table border="1"> <tr> <td id="time"></td> </tr> </table> </body> </html>

在这个示例中,我们创建了一个名为showTime的JavaScript函数,该函数会获取当前时间并将其显示在页面上,我们使用setTimeout函数每秒调用一次showTime函数,以便实时更新时间,当页面加载时,onload事件触发showTime函数,从而显示当前时间。

更新时间 2024-05-22 13:39:01