JS獲取當前日期時間並定時刷新

JS獲取當前日期時間

var date = new Date();
date.getYear();        //獲取當前年份(2位)
date.getFullYear();    //獲取完整的年份(4位,2014)
date.getMonth();       //獲取當前月份(0-11,0代表1月)
date.getDate();        //獲取當前日(1-31)
date.getDay();         //獲取當前星期X(0-6,0代表星期天)
date.getTime();        //獲取當前時間(從1970.1.1開始的毫秒數)
date.getHours();       //獲取當前小時數(0-23)
date.getMinutes();     //獲取當前分鍾數(0-59)
date.getSeconds();     //獲取當前秒數(0-59)
date.getMilliseconds();    //獲取當前毫秒數(0-999)
date.toLocaleDateString();     //獲取當前日期   如 2014年6月25日 
date.toLocaleTimeString();     //獲取當前時間   如 下午4:45:06
date.toLocaleString();         //獲取日期與時間 如 2014年6月25日 下午4:45:06

注意：getYear()和getFullYear()都能夠獲取年份,但兩者稍有差別

getYear()在瀏覽器中顯示則為：114 (以2014年為例),原因則是getYear返回的是"當前年份-1900"的值(即年份基數是1900)

使用JS來獲取年份都使用:getFullYear()

定時刷新
定時刷新則使用setInterval,詳細setTimeout與setInterval的差別參考其它資料。

1、首先頁面須要一區域用於顯示時間

<div id="showDate"></div>

2、獲取時間

<script type="text/javascript">
	$(function(){
		setInterval("getTime();",1000); //每隔一秒運行一次
	})
	//取得系統當前時間
	function getTime(){
		var myDate = new Date();
		var date = myDate.toLocaleDateString();
		var hours = myDate.getHours();
		var minutes = myDate.getMinutes();
		var seconds = myDate.getSeconds();
		$("#showDate").html(date+" "+hours+":"+minutes+":"+seconds); //將值賦給div
	}
</script>

使用toLocaleDateString()直接獲取年月日,不須要再單獨獲取年、月、日

而toLocaleTimeString()可直接獲取時分秒。因為它獲取的格式不是須要的。於是可單獨獲取。