面試題1：實現今年倒計時功能
阿新 • • 發佈：2019-02-16
文章轉載：https://blog.csdn.net/lxcao/article/details/60326503
在網頁中實現一個計算當年還剩多少時間的倒數計時程式,要求網頁上實時動態顯示”XX年還剩XX天XX時XX分XX秒”
<!DOCTYPEHTML> <html> <head> <meta http-equiv=" "Content-Type" "content=" "text/html;charset=UTF-8" "> <title>倒計時</title> </head> <body> <input type=" "text" " value=" " id="input" size=" "500" "> <script> var txt= document.getElementById("input"); setInterval(function () { //獲取系統當前時間 var now = new Date(); //例項化今年跨年時間 2019/1/1 這裡的0表示1月份 var targDate = new Date(now.getFullYear() + 1, 0, 1); //跨年時間與此時此刻時間差（毫秒） var long = targDate - now; var leftDay = parseInt(long/ 1000 / 60 / 60 / 24); long = long % (1000 * 60 * 60 * 24); var leftHour =parseInt(long / 1000 / 60 / 60); long = long % (1000 * 60 * 60); var leftMinute = parseInt(long / 1000 / 60) ; long = long % (1000 * 60 ); var leftSeconde = parseInt(long / 1000); txt.value= now.getFullYear() +"年還剩" + leftDay + "天" +leftHour + "時"+leftMinute+"分"+leftSeconde+"秒"; }, 1000); </script> </body> </html>
最終效果：
