1. 程式人生 > 實用技巧 >JS 實時獲取並顯示當前日期和時間

JS 實時獲取並顯示當前日期和時間

 1 function ShowTime() {
 2     let t = window.setInterval(function GetTime() {
 3         var time1 = new Date();
 4         var year = time1.getFullYear();
 5         var month = time1.getMonth() + 1;
 6         if (month < 10) {
 7             month = "0" + month;
 8         } else { }
 9         var
date = time1.getDate(); 10 if (date < 10) { 11 date = "0" + date; 12 } else { } 13 var hour = time1.getHours(); 14 if (hour < 10) { 15 hour = "0" + hour; 16 } else { } 17 var minute = time1.getMinutes(); 18 if (minute < 10) {
19 minute = "0" + minute; 20 } else { } 21 var second = time1.getSeconds(); 22 if (second < 10) { 23 second = "0" + second; 24 } else { } 25 var time = year + '年' + month + '月' + date + "日 " + hour + ":" + minute + ":" + second; 26 var
timeid = document.getElementById("time"); //獲取想要顯示時間的標籤id 27 timeid.innerHTML = time;//將拼接好的字串顯示在標籤內 28 }, 1000); 29 //設定暫定 window.clearInterval(t); 30 }

當頁面載入時呼叫顯示方法

<body onload="ShowTime()">

顯示效果: