欢迎来到HELLO素材网! 南京网站制作选择顺炫科技
丰富的DIV CSS模版、JS,jQuery特效免费提供下载
当前位置:主页 > 建站教程 > JS教程 >

简单易用的倒计时js代码

发表于2014-06-15 10:56| 次阅读| 来源整理| 作者session

摘要:倒计时是一个很常用的功能,在很多网上面都会用到,特别是团购类的网站用的更多,下面就给大家介绍一个易用的倒计时JS代码 HTML: div class="time" span id="t_d"00天/span span id="t_h"00时/span span

倒计时是一个很常用的功能,在很多网上面都会用到,特别是团购类的网站用的更多,下面就给大家介绍一个易用的倒计时JS代码

HTML:

<div class="time">
        <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>
JS代码:
function GetRTime(){
       var EndTime= new Date('2014/06/20 00:00:00');
       var NowTime = new Date();
       var t =EndTime.getTime() - NowTime.getTime();
       var d=Math.floor(t/1000/60/60/24);
       var h=Math.floor(t/1000/60/60%24);
       var m=Math.floor(t/1000/60%60);
       var s=Math.floor(t/1000%60);

       document.getElementById("t_d").innerHTML = d + "天";
       document.getElementById("t_h").innerHTML = h + "时";
       document.getElementById("t_m").innerHTML = m + "分";
       document.getElementById("t_s").innerHTML = s + "秒";
   }
   setInterval(GetRTime,0);

演示:



运行代码保存代码提示:您可以先修改部分代码再运行