博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
倒数日期
阅读量:5148 次
发布时间:2019-06-13

本文共 1908 字,大约阅读时间需要 6 分钟。

<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>

转载于:https://www.cnblogs.com/moliwanzi/p/3938965.html

你可能感兴趣的文章
django知识点总结
查看>>
C++ STL stack、queue和vector的使用
查看>>
OAuth2 .net MVC实现获取token
查看>>
java中XML操作:xml与string互转、读取XML文档节点及对XML节点增删改查
查看>>
使用Reporting Services时遇到的小问题
查看>>
传递事件和传递命令系统···
查看>>
约瑟夫问题
查看>>
Arduino 报错总结
查看>>
树莓派Android Things物联网开发:树莓派GPIO引脚图
查看>>
Database、User、Schema、Tables、Col、Row
查看>>
ckplayer网页播放器简易教程
查看>>
Android Studio 学习(六)内容提供器
查看>>
作业1:求500到1000之间有多少个素数,并打印出来
查看>>
for循环:用turtle画一颗五角星
查看>>
浅谈JavaScript中的eval()
查看>>
操作系统学习(七) 、保护机制概述
查看>>
矩阵快速幂---BestCoder Round#8 1002
查看>>
MySQL建表语句+添加注释
查看>>
[Leetcode][JAVA] LRU Cache
查看>>
本周内容
查看>>