指定时间倒计时

Posted 天 天 向 上

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了指定时间倒计时相关的知识,希望对你有一定的参考价值。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>指定时间倒计时</title>
</head>
<body>
<DIV id="CountMsg" class="HotDate">
<span id="t_d">00天</span>
<span id="t_h">00时</span>
<span id="t_m">00分</span>
<span id="t_s">00秒</span>
</DIV>
<script type="text/javascript">
var EndTime= new Date(‘2016/10/08 15:24:00‘); //截止时间

function getRTime(){
var NowTime = new Date();
var t =EndTime.getTime() - NowTime.getTime();
if(Math.floor(t/1000) == 0){
clearInterval(set);
}
var day = Math.floor(t/1000/60/60/24);
var hour = Math.floor(t/1000/60/60%24);
var min = Math.floor(t/1000/60%60);
var sec = Math.floor(t/1000%60);

document.getElementById("t_d").innerHTML = day + "天";
document.getElementById("t_h").innerHTML = hour + "时";
document.getElementById("t_m").innerHTML = min + "分";
document.getElementById("t_s").innerHTML = sec + "秒";
}
var set = setInterval(getRTime,1000);
</script>
</body>
</html>

以上是关于指定时间倒计时的主要内容,如果未能解决你的问题,请参考以下文章

java线程怎么做个时间倒计时

C# - 计时器滴答时间比指定的间隔更短,导致重复作业并行运行

自己封装的一个简单的倒计时功能

JavaScript倒计时算法(计算剩余多少天)实现

JQuery倒计时和按照指定长度为数字前面补零

JavaScript 计时器