版权声明:本文为博主原创文章,未经博主允许不得转载。 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>