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

倒计时js代码 时分秒-天时分秒

2016-07-07 19:42 549 查看

倒计时

html:

<div class="time">
<span id="t_ts">00天</span><b>:</b><span id="t_h">00时</span><b>:</b><span id="t_m">00分</span><b>:</b><span id="t_s">00秒</span>
</div>


js:

<script>
//封装id
function $(id){
return document.getElementById(id);
}
function GetRTime(){
//结束时间
var EndTime= new Date('2016/07/10 00:00:00');
//当前时间
var NowTime = new Date();
//结束时间减去当前时间剩余的毫秒数
var t =EndTime.getTime() - NowTime.getTime();
var h=Math.floor(t/1000/60/60);//时
var m=Math.floor(t/1000/60%60);//分
var s=Math.floor(t/1000%60);//秒
h <10 ? h = '0' +h :h =h;//判断是否小于10,是则在时间前面加0
m <10 ? m = '0' +m :m =m;
s <10 ? s = '0' +s :s =s;
$("t_h").innerHTML = h + "时";
$("t_m").innerHTML = m + "分";
$("t_s").innerHTML = s + "秒";
}
setInterval(GetRTime,0);


设置结束时间

设置当前时间

获取结束时间和当前时间的毫秒数相减,剩余总毫秒数

毫秒数 /1000/60/60 – 时

毫秒数 /1000/60%60 – 分

毫秒数 /1000%60 – 秒

明天再写,下班了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript html 函数