倒计时 天 时 分

Posted 搲社会主义墙角

tags:

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

<body>

<div>
<span id="cd_day"></span>
<span id="cd_hours"></span>
<span id="cd_minutes"></span>
<span id="cd_seconds"></span>
</div>

<!-- 倒计时 天 时 分 -->
<script>
function check(i){
if(i<10){
i=‘0‘+i;
}
return i;
}
function GetRTime(){
var EndTime= new Date(‘2017/2/14 00: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);
h=Math.floor(t/1000/60/60%24);
m=Math.floor(t/1000/60%60);
s=Math.floor(t/1000%60);
}
d=check(d);
h=check(h);
m=check(m);
s=check(s);
document.getElementById("cd_day").innerhtml = d;
document.getElementById("cd_hours").innerHTML = h;
document.getElementById("cd_minutes").innerHTML = m ;
document.getElementById("cd_seconds").innerHTML = s;
}
setInterval(GetRTime,0);

</script>

<!-- 倒计时天数 -->

<script>
function GetRTime(){
var EndTime= new Date(‘2017/2/16 00:00:00‘);
var NowTime = new Date();//当前电脑时间
var t =EndTime.getTime() - NowTime.getTime();
var d = 0;
if(t >= 0){
if(d <10){
d = ‘0‘+ Math.floor(t/1000/60/60/24)
}else{
d = Math.floor(t/1000/60/60/24);
}
}
document.getElementById("t_d").innerHTML = d;
}
setInterval(GetRTime,0);
</script>

</body>

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

react 手写优化实现 antd 倒计时功能组件( 附源码)

react 手写优化实现 antd 倒计时功能组件( 附源码)

计算从现在到明年的倒计时(包含天,时,分,秒),每秒更新一次

react 手写优化实现 antd 倒计时功能组件( 附源码)

这个js倒计时,在IE里显示NaN天 NaN时 NaN分 NaN秒 ,是哪里不兼容呢,要怎么改

倒计时(距离活动结束还有X天X小时X分X秒)