JavaScript 实现动态实时显示当前时间的完整代码示例

作者:小括号

时间:2026-10-21

浏览:420

本文提供了一段完整的 JavaScript 代码,用于在网页中动态实时显示当前的年、月、日、时、分、秒。通过 setInterval 函数每秒刷新一次页面内容,适用于需要展示实时时间的简单前端场景。

文章目录

JavaScript 动态显示时间代码实现

具体实现代码如下所示:


<!DOCTYPE HTML> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>时间显示器</title>  
</head> 
<body>
    <div id="d"></div> 
    <script type="text/javascript"> 
        var nowTime ;
        function play(){
        var time = new Date();
        nowTime = time.getFullYear()+"年"+time.getMonth()+"月"+time.getDate()+"日"+time.getHours()+"时"+time.getMinutes()+"分"+time.getSeconds()+"秒";
        document.getElementById("d").innerHTML = nowTime;
        }
        setInterval(play,1000);
    </script>     
</body> 
</html>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持本站!

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章