2025年页面实时显示当前时间

页面实时显示当前时间学习目标 在页面上实时显示当前的时间 学习内容 前端 demo 代码 lt html gt lt head gt lt meta charset utf 8 gt head

大家好,我是讯享网,很高兴认识大家。

学习目标:

在页面上实时显示当前的时间


学习内容:

前端demo代码:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div class="head"> <div><span id="showTime"></span></div> </div> <script> var t = null; t = setTimeout(time, 1000); function time() { 
     clearTimeout(t); dt = new Date(); var y = dt.getFullYear(); var mt = dt.getMonth() + 1; var day = dt.getDate(); var h = dt.getHours(); var m = dt.getMinutes(); var s = dt.getSeconds(); document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "日" + h + "时" + m + "分" + s + "秒"; t = setTimeout(time, 1000); } </script> </body> </html> 

讯享网

学习产出:

页面效果:


讯享网

小讯
上一篇 2025-04-02 18:13
下一篇 2025-03-04 18:52

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/56659.html