Date(日期对象)-作业

Original 2019-01-14 14:09:01 345
abstract:<!--  getMonth() 返回的月份是从0开始的,实际日期需要+1 getDay() 返回的星期是从0开始,0表示星期日 --><!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Date(日期对象)-作业</

<!-- 

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>

Correcting teacher:韦小宝Correction time:2019-01-14 14:20:29
Teacher's summary:写的很不错 方法用的很棒 继续加油吧 没事多练习

Release Notes

Popular Entries