<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>时间倒计时</title>
<style>
div{
margin: 100px auto;
font:bold 60px "仿宋";
}
</style>
</head>
<body>
<script>
function t( n ) {
if( n > 9 ){
return n;
}else{
return "0"+n;
}
}
function timer ( year, month, day, divId) {
var nowDate = new Date();
var endDate = new Date( year, month-1, day );
var cerDate = endDate.getTime() - nowDate.getTime();
var cerTime = parseInt(cerDate / 1000);
var dd = Math.floor( cerTime /(60*60*24));
var hour = Math.floor( (cerTime - dd *60*60*24)/3600);
var minute = Math.floor( (cerTime - dd *60*60*24 - hour * 60*60)/60);
var second = Math.floor( (cerTime - dd *60*60*24 - hour * 60*60 - minute *60) );
var ms = Math.floor(parseInt(cerDate / 10)%60);
var oDiv = document.getElementById( divId );
oDiv.innerHTML = "距离规定时间"+ t( year )+ "年"+ t(month)+"月"+ t(day)+"日还有："+ t(dd)+"天"+t(hour)
+"时"+t(minute)+"分"+t(second)+"："+ t(ms);
}
window.setInterval(function(){
timer( 2017, 12, 16, "txt")
},10)
</script>
<div id="txt"></div>
</body>
</html>
