第1个回答 2017-08-14
var oTime = document.getElementById('lastime');
var endTime = oTime.getAttribute('data-endTime');
var timeArry = endTime.split("/");
var endTimeStr = new Date(timeArry[0], parseInt(timeArry[1]) - 1, timeArry[2], timeArry[3], timeArry[4]).toString(); //生成可识别时间戳
var timemils = Date.parse(endTimeStr);
var bs = oTime.getElementsByTagName("b");
var days = hours = minutes = seconds = 0;
function showTime() {
var minusTime = timemils - Date.now();
if (minusTime > 0) {
days = parseInt(minusTime / 1000 / 60 / 60 / 24);
hours = parseInt(minusTime / 1000 / 60 / 60 % 24);
minutes = parseInt(minusTime / 1000 / 60 % 60);
seconds = parseInt(minusTime / 1000 % 60);
bs[0].textContent = days < 10 ? "0" + days : days;
bs[1].textContent = hours < 10 ? "0" + hours : hours;
bs[2].textContent = minutes < 10 ? "0" + minutes : minutes;
bs[3].textContent = seconds < 10 ? "0" + seconds : seconds;
} else {
bs[0].textContent = bs[1].textContent =
bs[2].textContent = bs[3].textContent = "00";
}
}
setInterval(showTime, 1000);<div id="lastime" data-endTime="2018/05/01/12/00"><b></b>天<b></b>时<b></b>分<b></b>秒</div>