经过本章节课学习到的日期对象函数做出自己的小案例,使得对日期对象函数使得更加熟练。

原创 2018-12-04 00:35:58 172
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{font-size: 13px
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{font-size: 13px;color: #393939};
</style>
</head>
<body>

<script type="text/javascript">

var myday = new Date();
document.write(myday +"<hr>");


//======================================================================//

var month = new Array(12);
month[0] = "一月"
month[1] = "二月"
month[2] = "三月"
month[3] = "四月"
month[4] = "五月"
month[5] = "六月"
month[6] = "七月"
month[7] = "八月"
month[8] = "九月"
month[9] = "十月"
month[10] = "十一月"
month[11] = "十二月"

//===================================================================//
var get_day = new Array(7);
get_day[0]= "星期日"
get_day[1]= "星期一"
get_day[2]= "星期二"
get_day[3]= "星期三"
get_day[4]= "星期四"
get_day[5]= "星期五"
get_day[6]= "星期六"

//===================================================================/

var get_year,get_month,get_date,get_hours,get_min,get_sec,get_days,m;
get_year = myday.getFullYear();//年份
get_month = myday.getMonth(); //月份
get_date = myday.getDate(); //日期
get_hours = myday.getHours();//小时
get_min = myday.getMinutes();//分钟
get_sec = myday.getSeconds();//秒
get_days = get_day[myday.getDay()];//中文星期
get_months = month[myday.getMonth()];
m = myday.getHours();
if(m>5&&m<8){
m = "早晨";
}else if(m>8&&m<12){
m = "上午";
}else if(m>12&&m<14){
m = "中午";
}else if(m>14&&m<17){
m = "下午"
}else if (m>18&&m<20) {
m = "傍晚"
}else if (m>20 && m<23) {
m = "晚上"
}else if (m=23&& m<2) {
m = "深夜";
}else if (m>2 && m<5) {
m = "凌晨";
}


document.write(get_year + "/" + get_month + "/" + get_date + "&nbsp; &nbsp;"+ get_days+ "&nbsp; &nbsp;" +get_hours +":"+get_min +":"+ get_sec);

document.write("<br><hr/>");
document.write(get_year + "-" + get_month + "-" + get_date + "&nbsp; &nbsp;"+ get_days+ "&nbsp; &nbsp;" +get_hours +":"+get_min +":"+ get_sec);
document.write("<br><hr/>");
document.write(get_year + "年" + get_month+"月" + get_date + "日&nbsp; &nbsp;"+ get_days+ "&nbsp; &nbsp;" +get_hours +"时"+get_min +"分"+ get_sec+"秒");
document.write("<br><hr/>");

document.write(get_year + "年" + get_month + "月" + get_date + "日&nbsp; &nbsp;"+ get_days+ "&nbsp; &nbsp;" +"( "+ m +")"+ "&nbsp" +get_hours +"時"+get_min +"分"+ get_sec+"秒");
document.write("<br><hr/>");


</script>
</body>
</html>

20181204002411.png

日期分几用种常用的格式输出,并对星期值以中文格式,24小时分成8个时间段并显示出来。


批改老师:天蓬老师批改时间:2018-12-04 09:02:17
老师总结:Date是javascript中一个重要的对象,也是内置的,很多有用的功能都要依赖它完成,不仅仅是日期,例如生成随机文件名

发布手记

热门词条