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 毫秒