倒数日期
2014-08-27 11:02
29 查看
<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.onload=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>
<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.onload=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>
相关文章推荐
- 可视化的日期倒数百分比
- UNIX环境高级编程读书笔记(六)—时间和日期 (2)
- SQL Server各种日期计算方法
- sql直接获取到对应的datetime类型的日期时间,截取函数
- Java中的时间日期处理
- Windows应用程序高级控件之日期控件-DateTimePicker
- Java日期类型与String的转换
- Oracle日期、字符串格式化函数,位数不足前面加0,一位数字显示两位,格式化数字为定长
- js之Date(日期对象)
- 谈谈数据库中的日期、时间、日期时间、时间戳
- C++时间日期的使用
- 日期JS文件
- sql中使用Convert函数转换日期
- Oracle sql语句算N个月后的日期
- sql 时间差 sql中返回两日期的时间差
- ORACLE 日期比较
- 输入一个链表,输出该链表中倒数第k个结点。
- MySQL日期数据类型和时间类型使用总结
- JS中日期方法setMonth的问题
- C# DateTime日期类型格式化显示