<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Tan js倒計時</title> <style> *{ /** 外邊距！ */ margin: 0; /** 內邊距！ */ padding:0; } p { /** 字體大小！ */ font-size: 100%; /** 居中！ */ text-align: center; /** 字體加粗！ */ font-weight: 800; } p span { /** 顏色！ */ color: red; } p span.time { /** 顏色！ */ color: black } body{ /** 內邊距-上！ */ padding-top:200px; } </style> </head> <body> <p id="titleName"></p> <p><span id="timming"></span></p> </body> <script> var show=document.getElementById("timming"); function tow(n) { return n >= 0 && n < 10 ? '0' + n : '' + n; } function getDate() { var willTime = '2020-02-12 01:55:00.000'; var oDate = new Date();//獲取日期對象 var oldTime = oDate.getTime();//現在距離1970年的毫秒數 var newDate = new Date(willTime); var newTime = newDate.getTime();//2019年距離1970年的毫秒數 var second = Math.floor((newTime - oldTime) / 1000);//未來時間距離現在的秒數 var day = Math.floor(second / 86400);//整數部分代表的是天；一天有24*60*60=86400秒 ； second = second % 86400;//余數代表剩下的秒數； var hour = Math.floor(second / 3600);//整數部分代表小時； second %= 3600; //余數代表 剩下的秒數； var minute = Math.floor(second / 60); second %= 60; var str = tow(day) + '<span class="time">天</span>' + tow(hour) + '<span class="time">小時</span>' + tow(minute) + '<span class="time">分鍾</span>' + tow(second) + '<span class="time">秒</span>'; show.innerHTML = str; document.getElementById("titleName").innerHTML = '距離 ' + willTime + ' 還有'; } getDate(); setInterval(getDate, 1000); </script> </html>