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

最新推荐文章于 2025-06-19 16:04:25 发布

原创最新推荐文章于 2025-06-19 16:04:25 发布 · 4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #函数

倒计时专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个简单的倒计时功能实现方法，通过HTML和JavaScript结合使用来显示从当前时刻到指定结束时间的剩余时间，包括天数、小时、分钟和秒数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

倒计时

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);