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()">

顯示效果:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM