首页 > 代码库 > javascript实现倒计时
javascript实现倒计时
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>大三倒计时</title></head><body><div>距离大三结束时间2015年7月1日仅有:<span id="otherTime"></span></div><script type="text/javascript"> var objElem = document.getElementById("otherTime"); var endTime = new Date(‘2015‘, ‘7‘, ‘1‘).getTime(); var nowTime = null; var laveTimer = null; function laveTime() { nowTime = new Date().getTime(); var a = endTime - nowTime;//距离指定的时间还有多少毫秒.. if (a > 0) { var arr_1 = [1000*60*60*24, 1000*60*60, 1000*60, 1000], arr_2 = [‘天‘, ‘小时‘, ‘分‘, ‘秒‘], temp = null; var timeDesArr = []; for (var i = 0, len = arr_1.length; i<len ; i++) { temp = Math.floor(a/arr_1[i]); if (temp > 0) { timeDesArr.push((String(temp).length == 1 ? ("00"+temp).substr(1) : temp) + arr_2[i]); } a -= arr_1[i]*temp; } objElem.innerHTML = timeDesArr.join(""); } else { objElem.innerHTML = "到时间了！"; clearInterval(laveTime); laveTime = null; } } //因为我们的时候是一秒一秒的在走，那么也需要一秒一秒的改变一下这个剩余时间了，一秒执行一次laveTime函数 laveTimer = setInterval(laveTime, 1*1000);</script></body></html>
效果图如下：
javascript实现倒计时
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。