您的位置：首页 > Web前端 > JavaScript

js 简单实现一个时间倒计时计数器

2014-05-15 22:14 791 查看

<!DOCTYPE html>
<html>

<head>
<meta charset="utf8"/>
<title>小小倒计时计数器</title>

<style>

body{
text-align:center;
margin-left:auto;
margin-right:auto;
}
.n{
width:50%;
height:51px;
margin:0 auto;
font-size:20px;
display:block;
}
#div1 {
border:solid 1px #CCC;
border-radius:5px 5px 5px 5px;
text-shadow: 1px 1px 1px #000;
margin:150px auto 0 ;
width:50%;
height:140px;
}
p{
width:50%;
height:80px;
font-size:20px;
margin:0 auto;
color:#F00;
font-weight:900;
}
span {
font-size:20px;
color:#F00;
font-weight:900;
}
</style>

</head>

<body>

<div id="div1">
<span class="n">
距离结束时间还有：
</span>
<p></p>
</div>

</body>
<script>

window.onload=function ()
{
function timecount()
{
//获取div
var odiv=document.getElementById('div1');

//获取p
var ap=odiv.getElementsByTagName('p')[0];
//当前日期
var dateNow=new Date();

//结束日期
var dateEnd=new Date();

//设置结束年份
dateEnd.setFullYear(parseInt(2015));
//设置结束月份
dateEnd.setMonth(parseInt(07)-1);
//设置结束日期
dateEnd.setDate(parseInt(1));
//设置结束的时分秒
dateEnd.setHours(0);
dateEnd.setMinutes(0);
dateEnd.setSeconds(0);

//总时间间隔
var lengthTime=(dateEnd.getTime()-dateNow.getTime())/1000;
var dates=parseInt(lengthTime/(24*3600));
lengthTime=lengthTime%(24*3600);
var hours=parseInt(lengthTime/3600);
lengthTime=lengthTime%3600;
var iMinutes=parseInt(lengthTime/60);

var iSecends=lengthTime%60;

ap.innerHTML=dates+'天'+hours+'小时'+iMinutes+'分钟'+iSecends+'秒';
}

//开定时器。
setInterval(timecount,1000);
timecount();

}

</script>

</html>

距离结束时间还有：

411天1小时42分钟57秒

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航