CSS:
<style type="text/css">
*{
padding: 0;
margin: 0;
}
ul,li{
list-style: none;
}
#time{
width: 220px;
height: 85px;
border:2px solid #333;
box-sizing: border-box;
margin:20px auto;
padding: 30px;
overflow:hidden;
}
</style>
HTML:
<div id="time">00日0分0秒</div>
javascript:
<script>
window.onload = function(){
var oTime = document.getElementById("time");
var oLocal = new Date('2016-12-12 12:34:56');
targetTime();
var timer = setInterval(targetTime,1000);
function targetTime(){
var Now = new Date();
var New = oLocal;
var t = parseInt((New - Now)/1000);
if(t < 0){
oTime.innerHTML = "已结束";
clearInterval(timer);
}else{
var str = parseInt(t/86400)+"天"+parseInt(t%86400/3600)+"时"+parseInt(t%86400%3600/60)+"分"+parseInt(t%60)+"秒";
oTime.innerHTML = str;
}
}
}
</script>
效果
例子下载:http://pan.baidu.com/s/1gfPotlL