上一篇
html中如何获取当前时间
- 行业动态
- 2024-03-31
- 2
在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
函数,从而显示当前时间。
本站发布或转载的文章及图片均来自网络,其原创性以及文中表达的观点和判断不代表本站,有问题联系侵删!
本文链接:http://www.xixizhuji.com/fuzhu/253247.html