JS實時擷取目前的日期和時間并顯示

實時擷取目前時間并顯示

• • 說明
  • script代碼
  • html代碼
  • 圖檔示範

說明

JS代碼

script代碼

<script>
     當頁面加載時調用
	window.onload = function() {
	           //計時器 1000秒
				setInterval(function() {
					var date = new Date();
					var year = date.getFullYear(); //擷取目前年份   
					var mon = date.getMonth() + 1; //擷取目前月份   
					var da = date.getDate(); //擷取目前日   
					var day = date.getDay(); //擷取目前星期幾   
					var h = date.getHours(); //擷取小時   
					var m = date.getMinutes(); //擷取分鐘   
					var s = date.getSeconds(); //擷取秒   
					var d = document.getElementById('show');

                   //判斷當數字小于等于9時 顯示 01 02 ----- 08 09
					if (mon >= 1 && mon <= 9) {
						mon = "0" + mon;
					}
					if (da >= 0 && da <= 9) {
						da = "0" + da;
					}
					if (h >= 0 && h <= 9) {
						h = "0" + h;
					}

					if (m >= 0 && m <= 9) {
						m = "0" + m;
					}

					if (s >= 0 && s <= 9) {
						s = "0" + s;
					}

					d.innerHTML = year + '-' + mon + '-' + da + ' ' + h + ':' + m + ':' + s;

				}, 1000)
			}
</script>
           

html代碼

圖檔示範