javascript時間日期相關內容介紹

admin發表於2017-03-09
JavaScript

關於事件在網頁中的使用應該是相當的頻繁，下面就介紹一下javascript中的一個至關重要的事件物件Date。

一.建立時間物件:

使用new關鍵字呼叫建構函式Date()即可建立一個事件物件，例如:

[JavaScript] 純文字檢視 複製程式碼
var myDate=new Date()

以上程式碼建立了一個時間物件myDate，使用此物件即可呼叫時間物件的函式，例如:

[JavaScript] 純文字檢視 複製程式碼
var myDate=new Date();
document.write(myDate.getFullYear());

以上程式碼可以輸出當前的年份，如：2013。

二.時間函式列表:

用於獲取日期時間的函式:

1.getDate()函式:返回伺服器當前時間日期的天，是一個介於1-31的一個整數。

2.getDay()函式:返回伺服器當前時間日期的周，是介於0-6的一個整數。

3.getFullYear()函式:返回伺服器當前時間日期的年份，例如2013。

4.getHours()函式:返回伺服器當前時間日期的小時，是介於0-23的一個整數。

5.getMilliseconds()函式:返回伺服器當前時間日期的毫秒，是介於0-999的一個整數。

6.getMinutes()函式:返回伺服器當前時間日期的分鐘，是介於0-59的一個整數。

7.getMonth()函式:返回伺服器當前時間日期的月份，是介於0-11的一個整數。

8.getSeconds()函式:返回伺服器當前時間日期的秒，是介於0-59的一個整數。

9.getTime()函式:返回時間戳表示法(毫秒錶示) 。

10.getYear()函式:返回年份(真實年份減去1900)，不推薦使用，建議用getFullYear()函式替代。

用於設定日期時間的函式:

以下函式均返回date物件距1970年1月1日午夜之間的毫秒數。

1.setDate()函式:設定設定月份的一天。

2.setFullYear()函式:設定的年份，月份和天 。

3.setHours()函式:設定小時，分鐘，秒和毫秒。

4.setMilliseconds()函式:設定毫秒數。

5.setMinutes()函式:設定分鐘，秒，毫秒。

6.setMonth()函式:設定月份，天。

7.setSeconds()函式:設定月份的一天。

8.setTime()函式:使用毫秒數設定date物件。

9.setYear()函式:設定年份(真實年份減去1900)。

可以實時重新整理的程式碼例項:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" />
<head>
<title>螞蟻部落</title>
<script type="text/javascript"> 
function showLocale(objD) { 
  var str,colorhead,colorfoot; 
  var yy = objD.getYear(); 
  if(yy<1900) yy = yy+1900; 
  var MM = objD.getMonth()+1; 
  if(MM<10) MM = '0' + MM; 
  var dd = objD.getDate(); 
  if(dd<10) dd = '0' + dd; 
  var hh = objD.getHours(); 
  if(hh<10) hh = '0' + hh; 
  var mm = objD.getMinutes(); 
  if(mm<10) mm = '0' + mm; 
  var ss = objD.getSeconds(); 
  if(ss<10) ss = '0' + ss; 
  var ww = objD.getDay(); 
  if( ww==0 ) colorhead="<font color=\"#FF0000\">"; 
  if( ww > 0 && ww < 6 ) colorhead="<font color=\"#373737\">"; 
  if( ww==6 ) colorhead="<font color=\"#008000\">"; 
  if(ww==0) ww="星期日"; 
  if(ww==1) ww="星期一"; 
  if(ww==2) ww="星期二"; 
  if(ww==3) ww="星期三"; 
  if(ww==4) ww="星期四"; 
  if(ww==5) ww="星期五"; 
  if(ww==6) ww="星期六"; 
  colorfoot="</font>" 
  str = colorhead + yy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + " " + ww + colorfoot; 
  return(str); 
} 
function tick() { 
  var today; 
  today = new Date(); 
  document.getElementById("localtime").innerHTML = showLocale(today); 
  window.setTimeout("tick()", 1000); 
} 
window.onload=function()
{
  tick(); 
}
</script> 
</head> 
<body> 
  <span id=localtime></span> 
</body> 
</html>

相關文章