<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script language="javascript">
$(function() {
updateEndTime();
});
//倒计时函数
function updateEndTime() {
var date = new Date();
var time = date.getTime(); //当前时间距1970年1月1日之间的毫秒数
$(".settime").each(function(i) {
var endDate = this.getAttribute("endTime"); //结束时间字符串
//转换为时间日期类型
var endDate1 = eval('new Date(' + endDate.replace(/d+(?=-[^-]+$)/, function(a) {
return parseInt(a, 10) - 1;
}).match(/d+/g) + ')');
var endTime = endDate1.getTime(); //结束时间毫秒数
var lag = (endTime - time) / 1000; //当前时间和结束时间之间的秒数
if(lag > 0) {
var second = Math.floor(lag % 60);
var minite = Math.floor((lag / 60) % 60);
var hour = Math.floor((lag / 3600) % 24);
var day = Math.floor((lag / 3600) / 24);
if(second < 10) {
second = "0" + second
}
if(hour < 10) {
hour = "0" + hour
}
if(minite < 10) {
minite = "0" + minite
}
if(day < 10) {
day = "0" + day
}
$(this).html(day + "天" + hour + "小时" + minite + "分" + second + "秒");
console.log($(this))
} else {
$(this).html(00 + "天" + 00 + "小时" + 00 + "分" + 00 + "秒");
}
});
setTimeout("updateEndTime()", 1000);
}
</script>
</head>
<body>
<div class="settime" endTime="2017-09-06 13:40:01">
<sapn></sapn>
</div>
可以写在循环里，只有保持跟上面的ID一致就可以啦
<div class="settime" endTime="2019-08-12 14:50:07"></div>
</body>
</html>