思路：
（1）獲取日期對象、現在距離1970年的毫秒數、2018年距離1970年的毫秒數、2018年距離現在的總秒數；
（2）總秒數/86400，整數部分代表天；
（3）余數部分/3600，整數部分代表小時；
（4）余數部分/60，整數部分代表分鐘；
效果如下：
代碼如下：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding:0; } p { font-size: 95px; text-align: center; } p span { color: red; } p span.time { color: black } </style></head><body><p>距離2018年還有</p><p><span></span></p><script> var oSpan = document.getElementsByTagName('span')[0]; function tow(n) { return n >= 0 && n < 10 ? '0' + n : '' + n; } function getDate() { var oDate = new Date();//獲取現在日期對象 var oldTime = oDate.getTime();//現在距離1970年的毫秒數 var newDate = new Date('2018/1/1 00:00:00');//獲取指定日期對象 var newTime = newDate.getTime();//2018年距離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>'; oSpan.innerHTML = str; } getDate(); setInterval(getDate, 1000);</script></body></html>以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持武林網！
新聞熱點
疑難解答
