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

js 时间倒计时

2016-07-06 11:41 519 查看

<!DOCTYPE HTML>
<html>
<head>
<title>倒计时</title>
<meta charset=UTF-8 />
<style type="text/css">
#div {
color: #A22900;
font-size: 20px;
}
</style>
<script type="text/javascript">
var countdown = function ()
{
var reg = /^\d{2}$/;
var ending = new Date ("2016-7-6 11:40:00");
var now = new Date;
if (now >= ending)
{
clearTimeout(this.timeout);
div.innerHTML = "计时完成";
return;
}
// 结束时间减去参数时间
var disc = ending - now;
var day = parseInt (disc / 1000 / 60 / 60 / 24);
var hour = parseInt (disc / 1000 / 60 / 60 % 24);
hour = !reg.test(hour) ? "0" + hour : hour;
var minute = parseInt (disc / 1000 / 60 % 60);
minute = !reg.test(minute) ? "0" + minute : minute;
var second = parseInt (disc / 1000 % 60);
second = !reg.test(second) ? "0" + second : second;
div.innerHTML = "距离结束时间<br / >" + day + "天" + hour + ":" + minute + ":" + second;
this.timeout = setTimeout (countdown, 1000);
}

onload = countdown;
</script>
</head>
<body>
<div id="div"></div>
</body>
</html>

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

标签：

相关文章推荐

新的分享

章节导航