喵喵笨兔 の 喵喵的家~遊戲天地 - 首頁(上版面)
喵喵笨兔 の 喵喵的家~遊戲天地 - 首頁(左版面)
首  頁 最新消息 遊戲攻略 遊戲影片 遊戲圖片 下載區 學習分享 留言板 FB粉絲團
 喵喵笨兔 の 喵喵的家~遊戲天地 - javascript 取得日期時間、日期時間加減、日期時間格式,及網頁上隨時間變化即時顯示當下時間

javascript 取得日期時間、日期時間加減、日期時間格式,及網頁上隨時間變化即時顯示當下時間

 

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(): 取得某月份的總天數
結果:

new Date(2017,4,11): 用此格式,月份因從0開始,所以實際月份=4+1=5月
結果:

new Date(2017,10,11,13,15,20):年,月,日,時,分,秒;實際月份=10+1=11月
結果:

new Date("2017/5/5"): 用此格式,月份即所輸入之月份
結果:

new Date("2017/5/5 9:10:11"):年,月,日,時,分,秒
結果:

new Date(301099999889):直接輸入數值則為"毫秒"數(1秒=1000毫秒)來轉換為日期。(由 1970年1月1日零時零分計起到目前時間)
結果:

+new Date("2017/6/6"):求得日期的毫秒數,在前面加上 "+" 即可。
結果:

【自定格式顯示月份及星期幾】

結果:

【日期的加減運算】

日期加減後得到的是毫秒數,所以要除以一天 = 24時 x 60分 x 60秒 x 1000(1秒是1000毫秒) = 86400000 毫秒
結果:
笨兔隨手筆記於 2017/11/21

喵喵笨兔 の 喵喵的家~遊戲天地
http://vv0817.tk
http://vvv.lionfree.net
http://qo3op.asuscomm.com/vvv
https://uoedgpkhyfwzmd7zua8myg-on.drv.tw/vvv