年底大家都盼著回家過(guò)春節(jié)，閑著無(wú)聊用js實(shí)現(xiàn)一個(gè)火車出發(fā)倒計(jì)時(shí)的小例子。用到的知識(shí)是javascript的Date對(duì)象和相關(guān)的幾個(gè)函數(shù)。
???window.onload = function () { getTime(); } function checkTime(i) { if(i<10) { i = "0"+i;//當(dāng)時(shí)間小于10時(shí)前面加上0 } return i; } function getTime() { var now = new Date();//獲取當(dāng)前時(shí)間對(duì)象 var leaveTime = new Date("2017,1,23 18:05:00");//獲取火車出站時(shí)間 var time = leaveTime.getTime() - now.getTime();//getTime()獲取時(shí)間對(duì)象的毫秒數(shù),1天= 1000*60*60*24 var d = parseInt(time/(1000*60*60*24));//計(jì)算出剩余天數(shù)并取用parseInt()取整 d = checkTime(d); var h = parseInt(time/(1000*60*60))%24;/用parseInt()取整計(jì)算出的小時(shí)數(shù)并對(duì)24求余獲取剩余小時(shí) h = checkTime(h); var m = parseInt(time/(1000*60))%60;/用parseInt()取整計(jì)算出的分鐘數(shù)并對(duì)60求余獲取剩余分鐘 m = checkTime(m); var s = parseInt(time/1000)%60;/用parseInt()取整計(jì)算出的秒數(shù)并對(duì)60求余獲取剩余秒數(shù) s = checkTime(s); document.getElementById("time").innerHTML = d + "天" + h + "時(shí)" + m + "分" + s + "秒"; } setInterval(getTime, 50);//50毫秒的間隔不停地調(diào)用getTime函數(shù)
效果圖：
