<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>倒数日期</title>
<style>
div{width:500px;height:200px;}
#box1{}
div span{color:#ffcc00; }
div input{width:60px; text-align:center;}
#submit{width:40px;}
</style>
<script>
window.οnlοad=function()
{
var aInput = document.getElementsByTagName('input');
var oTarget = document.getElementById('target');
var oRemain = document.getElementById('remain');
var oSubmit = document.getElementById('submit');
var str;
oSubmit.onclick = function(){
oTarget.innerHTML = aInput[0].value+'年'+aInput[1].value+'月'+aInput[2].value+'日';
function remaintime()
{
var iNowTime = new Date();
var iEndTime = new Date();
iEndTime.setFullYear(aInput[0].value);
iEndTime.setMonth(aInput[1].value-1);
iEndTime.setDate(aInput[2].value);
iEndTime.setHours(0);
iEndTime.setMinutes(0);
iEndTime.setSeconds(0);
var iday = parseInt((iEndTime.getTime()-iNowTime.getTime())/86400000);
var ihour = parseInt((iEndTime.getTime()-iNowTime.getTime())%86400000/3600000);
var iminute = parseInt((iEndTime.getTime()-iNowTime.getTime())%3600000/60000);
var isecond = parseInt((iEndTime.getTime()-iNowTime.getTime())%60000/1000);
if(iday>=0&&iday<10)
{
iday='00'+iday;
}
else if(iday>=10&&iday<100)
{
iday='0'+iday;
}
if(iday<0)
{
iday=''+iday;
}
ihour=ihour>9?ihour:('0'+ihour);
iminute=iminute>9?iminute:('0'+iminute);
isecond = isecond>9?isecond:('0'+isecond);
oRemain.innerHTML = iday+'天'+ihour+'时'+iminute+'分'+isecond+'秒';
}
remaintime();
setInterval(remaintime,1000);
}
};
</script>
</head>
<body>
<div id="box1">
<span>设置某一日期:</span>
<input type="text">年<input type="text">月<input type="text">日
<input id = 'submit' type="button" value="提交"><br />
<p>现在距离<strong id ='target'>0000年00月00日</strong>还有:</p>
<p> <strong id='remain'>000天00时00分00秒</strong></p>
</body>
</html>