javascript 取得日期時間及相關應用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>javascript 取得日期時間及相關應用</title>
</head>
<body onLoad="ShowTime()">
<p>【網頁上隨時間變化即時顯示當下時間】</p>
<script language="JavaScript">
//網頁上隨時間變化即時顯示當下時間,需在<body>加入onLoad
function ShowTime(){
var now=new Date();//取得今天完整的日期時間資訊
var y=now.getFullYear();//西元年份
//取月,日,時,分,秒,若遇個位數要以二位數顯示,則前面先補0再substr()取最後二位數,如以下時分秒
var M=now.getMonth()+1;//月份,因為從0開始,所以要+1
var d=now.getDate();//日期
var h=('0'+now.getHours()).substr(-2);//小時
var m=('0'+now.getMinutes()).substr(-2);//分鐘
var s=('0'+now.getSeconds()).substr(-2);//秒數
document.getElementById('showbox').innerHTML = new Date();
document.getElementById('showbox1').innerHTML = y+'/'+M+'/'+d+' '+h+':'+m+':'+s+'';
setTimeout('ShowTime()',1000);//每隔1秒就呼叫自已來更新
}
</script>
直接顯示今天完整的日期時間資訊:
<div>結果:<span id="showbox"></span></div><br>
直接顯示今天的日期時間(自定格式):
<div>結果:<span id="showbox1"></span></div>
<hr>
<p>【指定日期時間參數格式】</p>
new Date(2016,2,0).getDate(): 取得某月份的總天數
<div>
結果:<script>document.write(new Date(2016,2,0).getDate());</script>
</div><br>
new Date(2017,4,11): 用此格式,月份因從0開始,所以實際月份=4+1=5月
<div>
結果:<script>document.write(new Date(2017, 4, 11));</script>
</div><br>
new Date(2017,10,11,13,15,20):年,月,日,時,分,秒;實際月份=10+1=11月
<div>
結果:<script>document.write(new Date(2017,10,11,13,15,20));</script>
</div><br>
new Date("2017/5/5"): 用此格式,月份即所輸入之月份
<div>
結果:<script>document.write(new Date("2017/5/5"));</script>
</div><br>
new Date("2017/5/5 9:10:11"):年,月,日,時,分,秒
<div>
結果:<script>document.write(new Date("2017/5/5 9:10:11"));</script>
</div><br>
new Date(301099999889):直接輸入數值則為"毫秒"數(1秒=1000毫秒)來轉換為日期。(由 1970年1月1日零時零分計起到目前時間)
<div>
結果:<script>document.write(new Date(301099999889));</script>
</div><br>
+new Date("2017/6/6"):求得日期的毫秒數,在前面加上 "+" 即可。
<div>
結果:<script>document.write(+new Date("2017/6/6"));</script>
</div>
<hr>
<p>【自定格式顯示月份及星期幾】</p>
<div>
結果:
<script>
var tday = new Date();
document.write(tday.toString() + "<br />");
var months = "一月,二月,三月,四月,五月,六月,七月,八月,九月,十月,十一月,十二月".split(",");
var weekdays = "星期日,星期一,星期二,星期三,星期四,星期五,星期六".split(",");
document.write( months[tday.getMonth()] ); //getMonth()取得月份,得到0~11,0=一月,1=二月....
document.write( weekdays[tday.getDay()] ); //getDay()取得星期,得到0~6,0=日,1=一....
</script>
</div>
<hr>
<p>【日期的加減運算】</p>
日期加減後得到的是毫秒數,所以要除以一天 = 24時 x 60分 x 60秒 x 1000(1秒是1000毫秒) = 86400000 毫秒
<div>
結果:
<script>
var day1 = new Date("2017/11/1");
var day2 = new Date("2017/11/19");
document.write("2017/11/19 - 2017/11/1 = " + (day2-day1)/(60*60*24*1000) + " 天");
</script>
</div>
</body>
</html>
【網頁上隨時間變化即時顯示當下時間】
直接顯示今天完整的日期時間資訊:【指定日期時間參數格式】
new Date(2016,2,0).getDate(): 取得某月份的總天數【自定格式顯示月份及星期幾】
【日期的加減運算】
日期加減後得到的是毫秒數,所以要除以一天 = 24時 x 60分 x 60秒 x 1000(1秒是1000毫秒) = 86400000 毫秒