js倒计时

最新推荐文章于 2023-12-25 11:55:05 发布

一梦醉殇

最新推荐文章于 2023-12-25 11:55:05 发布

阅读量157

点赞数

分类专栏： js特效

本文链接：https://blog.csdn.net/qq_37121733/article/details/79135472

版权

js特效专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js倒计时</title>
<style type="text/css">
*{padding: 0px;margin: 0px;}
.time{width: 500px;text-align: center;margin: 50px auto;}
.time p{font-size: 32px;}
.time p>b{font-size: 48px;}
</style>
</head>
<body>
<div id="time" class="time">
<p>
<b id="day">00</b>日
<b id="hour">00</b>时间
<b id="minute">00</b>分
<b id="seconds">00</b>秒
</p>
</div>

<script type="text/javascript">
function GetRTime(){
var EndTime = new Date('2018/07/28 18:00:00'); //结束时间
var NowTime = new Date(); //获取当前时间
var t = EndTime.getTime() - NowTime.getTime(); //结束时间减去当前时间
var d = 0; //日（天）
var h = 0; //小时
var m = 0; //分钟
var s = 0; //秒

if(t >= 0){
d = Math.floor(t/1000/60/60/24); //1天为1000秒、分钟、小时一天24小时，求有几天
h = Math.floor(t/1000/60/60%24);
m = Math.floor(t/1000/60%60);
s = Math.floor(t/1000%60);
}
d = d.toString();
h = h.toString();
m = m.toString();
s = s.toString();

if(d.length === 1){
d = "0" + d;
}
if(h.length === 1){
h = "0" + h;
}
if(m.length === 1){
m = "0" + m;
}
if(s.length === 1){
s = "0" + s;
}

document.getElementById("day").innerHTML = d;
document.getElementById("hour").innerHTML = h;
document.getElementById("minute").innerHTML = m;
document.getElementById("seconds").innerHTML = s;
};
setInterval(GetRTime,0);
</script>
</body>
</html>