页面显示时间全屏显示时间

页面显示时间 全屏显示时间

要显示页面上的时间,可以使用HTML和JavaScript。以下是一个简单的示例:

<!DOCTYPE html><html><head><style>  #time {    font-size: 24px;    color: #333;  }</style></head><body><div id="time"></div><script>  function updateTime() {    var now = new Date();    var hours = now.getHours();    var minutes = now.getMinutes();    var seconds = now.getSeconds();    var time = hours + ":" + minutes + ":" + seconds;    document.getElementById("time").innerText = time;  }  setInterval(updateTime, 1000);</script></body></html>

这个示例中,我们创建了一个包含#time<div>元素,用于显示时间。然后,我们使用JavaScript定义了一个名为updateTime的函数,该函数获取当前时间,并将其格式化为小时、分钟和秒的形式。最后,我们使用setInterval函数每秒调用一次updateTime函数,以便在页面上实时更新时间。

na.png

本网站文章未经允许禁止转载,合作/权益/投稿 请联系平台管理员 Email:epebiz@outlook.com