abstract：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Date日期对象</title></head><style>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Date日期对象</title>
</head>
<style>
div{width: 500px;text-align: center;
margin: 50px auto;
}
</style>
<body>
<div>
<span class="year"></span>年
<span class="month"></span>月
<span class="date"></span>日
<span class="hour"></span>时
<span class="minute"></span>分
<span class="second"></span>秒
<span class="day"></span>
</div>
<script>
setInterval(function(){
var date=new Date();
var x
switch(date.getDay()) {
case 0:
x = '星期日';
break;
case 1:
x = '星期一';
break;
case 2:
x = '星期二';
break;
case 3:
x = '星期三';
break;
case 4:
x = '星期四';
break;
case 5:
x = '星期五';
break;
case 6:
x = '星期六';
break;
}
document.getElementsByClassName('year')[0].innerHTML=date.getFullYear();
document.getElementsByClassName('month')[0].innerHTML=date.getMonth()+1;
document.getElementsByClassName('date')[0].innerHTML=date.getDate();
document.getElementsByClassName('hour')[0].innerHTML=date.getHours();
document.getElementsByClassName('minute')[0].innerHTML=date.getMinutes();
document.getElementsByClassName('second')[0].innerHTML=date.getSeconds();
document.getElementsByClassName('day')[0].innerHTML= x;
},1000);
</script>
</body>
</html>
Correcting teacher：韦小宝Correction time：2019-02-12 16:02:33
Teacher's summary：写的很不错 js中的日期函数对于以后的项目开发来说还是蛮常用的 一定要好好掌握哦！