<!--
getMonth() 返回的月份是从0开始的,实际日期需要+1
getDay() 返回的星期是从0开始,0表示星期日
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Date(日期对象)-作业</title>
<script type="text/javascript">
//获取当前时间并返回格式化后当前时间
function showDatetime(){
//获取当前时间
var date_time = new Date();
//获取年
var year = date_time.getFullYear() + '年';
//获取月,因为从0开始,所以需要+1
var month = (date_time.getMonth() + 1) + '月';
//获取日
var day = date_time.getDate() + '日';
//获取时
var hours = date_time.getHours() + '时';
//获取分
var minutes = date_time.getMinutes() + '分';
//获取秒
var seconds = date_time.getSeconds() + '秒';
//整合年月日时分秒
var date_time_new = year + month + day +hours + minutes + seconds;
//document.write(date_time_new);
//获取星期
var day = date_time.getDay();
var day_new = '';
//判断当前星期
switch(day){
case 0:
day_new = '星期日';
break;
case 1:
day_new = '星期一';
break;
case 2:
day_new = '星期二';
break;
case 3:
day_new = '星期三';
break;
case 4:
day_new = '星期四';
break;
case 5:
day_new = '星期五';
break;
case 6:
day_new = '星期六';
break;
default:
day_new = '获取星期出错。。。';
}
//显示到div中
//获取div
var show_div = document.getElementById('div');
//设置字体大小
show_div.style.fontSize = '20px';
//添加内容到div中
show_div.innerHTML = '<br>当前时间是:' + '<br>' + date_time_new + '<br>' + '今天是 ' + day_new;
}
</script>
</head>
<body>
<div style='width:500px;margin:20px auto;text-align:center;'>
<button onclick = 'showDatetime()'>点击查看当前时间</button>
<div id='div'></div>
</div>
</body>
</html>