<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
</style>
</head>
<body>
<div class="box"></div>
<script>
function change(){
var date=new Date();
var year=date.getFullYear();
var mon=date.getMonth();
var dat=date.getDate();
var week=date.getDay();
var hh=date.getHours();
var mm=date.getMinutes();
var ss=date.getSeconds();
var weekstr='';
switch(week){
case 0:weekstr='天';break;
case 1:weekstr='一';break;
case 2:weekstr='二';break;
case 3:weekstr='三';break;
case 4:weekstr='四';break;
case 5:weekstr='五';break;
case 6:weekstr='六';break;
}
var str='现在是'+year+'年'+(mon+1)+'月'+dat+'日星期'+weekstr+','+hh+'点'+mm+'分'+ss+'秒';
var boxs=document.getElementsByClassName('box')[0];
boxs.innerHTML=str;
}
change();
setInterval(function(){
change();
},1000);
</script>
</body>
</html>
以上代码可复制,欢迎有需要的小伙伴们!
实现的效果如下
![现在的时间](https://img-blog.csdnimg.cn/201907022308306.png)