對于學習網頁這一塊我相信大家有時候需要擷取當地時間,是以小編自己參考資料自己制作了個怎麼擷取時間以及判斷哪個時間段
請看效果圖:
附上代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>擷取系統時間</title>
</head>
<script type="text/javascript">
function getTime(){
var date = new Date();
var YY = date.getFullYear();
var MM = date.getMonth()+1;//系統預設月份從0開始是以需要加1
var DD = date.getDate();
var hh = date.getHours();
var mm = date.getMinutes();
var ss = date.getSeconds();
var WW = date.getDay();
switch(WW){
case 1:
WW = "星期一";
break;
case 2:
WW = "星期二";
break;
case 3:
WW = "星期三";
break;
case 4:
WW = "星期四";
break;
case 5:
WW = "星期五";
break;
case 6:
WW = "星期六";
break;
case 0:
WW = "星期日";
break;
}
var temp;
if(hh>'0'&& hh <='6'){
temp = "淩晨";
}else if(hh<='11'){
temp = "上午";
}else if (hh<='13'){
temp = "中午";
}else if(hh <='16'){
trmp = "下午";
}else if(hh<='18'){
temp = "傍晚";
}else{
temp = "晚上";
}
MM = extra(MM);
DD = extra(DD);
hh = extra(hh);
mm = extra(mm);
ss = extra(ss);
//建構要輸出的字元串
var str = temp+" "+YY+"年"+MM+"月"+DD+"日"+" "+WW+" "+hh+":"+mm+":"+ss;
//擷取id=time的對象,将str的内容寫入到id=time的<div>中去
document.getElementById("time").innerHTML = str;
//延時器
setTimeout("getTime()",1000);
}
//補位函數
function extra(x){
if(x<10){//如果x小于10在前面補0
return "0"+x;
}else{
return x;
}
}
</script>
<style type="text/css">
#time{
width:500px; border:1px solid #CCCCCC; background:#FFFFCC; margin:50px auto; font-size:24px; color:#FF0000; padding:20px; }
</style>
<body οnlοad="getTime()">
<div id="time"></div>
</body>
</html>