js显示实时日期和时间

最新推荐文章于 2026-05-20 05:33:41 发布

原创最新推荐文章于 2026-05-20 05:33:41 发布 · 2.1w 阅读

52 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

javascript 专栏收录该内容

43 篇文章

订阅专栏

本文介绍了一种使用JavaScript每隔1秒更新并显示当前日期和时间的方法。通过创建Date对象并利用其方法获取年、月、日、小时、分钟和秒，然后将这些信息展示在HTML页面上。

js显示实时日期和时间

原理：每隔1s重新获取一下时间并显示出来

结果图示：

代码：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>首页</title>
</head>
<body>
    <div id="Date"></div>
    <script type="text/javascript"> 
        setInterval(function(){   
        var date = new Date();   
        var year = date.getFullYear();    //获取当前年份   
        var mon = date.getMonth()+1;      //获取当前月份   
        var da = date.getDate();          //获取当前日   
        var day = date.getDay();          //获取当前星期几   
        var h = date.getHours();          //获取小时   
        var m = date.getMinutes();        //获取分钟   
        var s = date.getSeconds();        //获取秒   
        var d = document.getElementById('Date');    
          d.innerHTML='当前时间:'+year+'年'+mon+'月'+da+'日'+'星期'+day+' '+h+':'+m+':'+s;  
        },1000)
    </script>
</body>
</html>