Html部分
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</head>
<body οnlοad="panduan()">
<div id="box"></div>
</body>
</html>
Css部分
* {
margin: 0;
padding: 0;
}
#box{
width: 30%;
margin: 200px auto;
text-align: center;
}
Js部分
function panduan() {
var box = document.getElementById('box');
var now = new Date();
//返回星期几
var week = now.getDay();
//判断
switch (week) {
case 0:
result = "星期天";
break;
case 1:
result = "星期一";
break;
case 2:
result = "星期二";
break;
case 3:
result = "星期三";
break;
case 4:
result = "星期四";
break;
case 5:
result = "星期五";
break;
case 6:
result = "星期六";
break;
default:
result = "信息有误";
break;
}
box.innerHTML = now + '<br/>' + result;
}