//时间倒计时
function TimeDown(id, endDateStr) {
//结束时间
var endDate = new Date(endDateStr);
//当前时间
var nowDate = new Date();
//相差的总秒数
var totalSeconds = parseInt((endDate - nowDate) / 1000);
//天数
var days = Math.floor(totalSeconds / (60 * 60 * 24));
//取模(余数)
var modulo = totalSeconds % (60 * 60 * 24);
//小时数
var hours = Math.floor(modulo / (60 * 60));
modulo = modulo % (60 * 60);
//分钟
var minutes = Math.floor(modulo / 60);
//秒
var seconds = modulo % 60;
//输出到页面,完整时间 年,月,日,时,分钟,秒
//document.getElementById(id).innerHTML = "还剩:" + days + "天" + hours + "小时" + minutes + "分钟" + seconds + "秒";
//不足两位0进行补足填充
function Appendzero(obj) {
if (obj < 10) return "0" + obj; else return obj;
}
//根据自己需求,自定义获取时间
document.getElementById(id).innerHTML = Appendzero(minutes) + ":" + Appendzero(seconds);
var time = Appendzero(minutes) + ":" + Appendzero(seconds);
if (time != "00:00") {
//延迟一秒执行自己
setTimeout(function () {
TimeDown(id, endDateStr);
}, 1000)
}
else {
}
}
使用方法:
<div class="Time">
<div class="Center_div">
<div class="Center_div_txt fl">剩余时间:</div>
<div class=" Center_div_time fl" id="time">42:30</div>
</div>
</div>
<%--倒计时--%>
<script>
TimeDown("time", "2018-11-16 11:14:00");
</script>
借鉴文章: