记时（模拟商城抢购倒计时）

倒计时（模拟商城抢购倒计时）

<!DOCTYPE html>

<html>

<head>

.time{font-size:50px;color:red;}

</style>

var ms = 9;//虚拟数字，放在时间后面

var interval = null;

var json = [{"time":"2015/11/17 18:10:00","id":"time1"},

{"time":"2015/11/17 18:08:00","id":"time2"},

{"time":"2015/11/17 18:07:00","id":"time3"}

];

function tm_backTime(timeDate,objId){

var endTime = new Date(timeDate);

var date = new Date();

var leftTime = (endTime.getTime() - date.getTime())/1000;//总的秒数

var d = Math.floor(leftTime/3600/24);

var h = Math.floor((leftTime/3600)%24);

var m = Math.floor(leftTime/60)%60;

var s = Math.floor(leftTime%60);

document.getElementById(objId).innerHTML = d+"天"+h+"小时"+m+"分钟"+s+"秒"+ms;

if(leftTime <= 0){

document.getElementById(objId).innerHTML = "Time's Over!";

}

//虚拟数字，每0.1秒变化一次

interval = setInterval(function(){

if(ms == 0){

ms = 9;

}

ms = ms - 1;

},100);

//窗口加载

window.onload = function(){

interval = setInterval(function(){

for(var i=0;i<json.length;i++){

tm_backTime(json[i].time,json[i].id);

}

});

}

</script>

</head>

<body>

</body>

</html>