年底大家都盼着回家过春节,闲着无聊用js实现一个火车出发倒计时的小例子。用到的知识是javascript的Date对象和相关的几个函数。
window.onload = function () { getTime(); } function checkTime(i) { if(i<10) { i = "0"+i;//当时间小于10时前面加上0 } return i; } function getTime() { var now = new Date();//获取当前时间对象 var leaveTime = new Date("2017,1,23 18:05:00");//获取火车出站时间 var time = leaveTime.getTime() - now.getTime();//getTime()获取时间对象的毫秒数,1天= 1000*60*60*24 var d = parseInt(time/(1000*60*60*24));//计算出剩余天数并取用parseInt()取整 d = checkTime(d); var h = parseInt(time/(1000*60*60))%24;/用parseInt()取整计算出的小时数并对24求余获取剩余小时 h = checkTime(h); var m = parseInt(time/(1000*60))%60;/用parseInt()取整计算出的分钟数并对60求余获取剩余分钟 m = checkTime(m); var s = parseInt(time/1000)%60;/用parseInt()取整计算出的秒数并对60求余获取剩余秒数 s = checkTime(s); document.getElementById("time").innerHTML = d + "天" + h + "时" + m + "分" + s + "秒"; } setInterval(getTime, 50);//50毫秒的间隔不停地调用getTime函数
效果图:
![FB0B_G6UQ[SBIL($6DWD@X.png