js显示实时日期和时间

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_41179401/article/details/82018257

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>

猜你喜欢

转载自blog.csdn.net/qq_41179401/article/details/82018257
今日推荐