倒计时代码②

2016-02-29
距2018年元旦还有:
本页可以观看本代码的效果。复制本例代码替换掉快站js控件中原来的代码,更新页面就可以看到效果了。
互助交流Q群:3036979。多谢关注

快站代码http://daima.kuaizhan.com

另有云商店倒计时组件(拖拽式管理),查看演示

代码:

<DIV id="CountMsg" class="HotDate">

    <span id="t_T">距2018年元旦还有:</span>

    <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">

/*!

 * 快站【代码站】整理 更多代码请移步官网:http://daima.kuaizhan.com

 * 更欢迎+交流Q群:3036979

 * 请尊重劳动,保留头部版权

 */

    function getRTime(){

        var EndTime= new Date('2018/01/01 00:00:00'); //这里改终止时间 http://www.51xuediannao.com/qd63/

        var NowTime = new Date();

        var t =EndTime.getTime() - NowTime.getTime();

        /*var d=Math.floor(t/1000/60/60/24);

        t-=d*(1000*60*60*24);

        var h=Math.floor(t/1000/60/60);

        t-=h*60*60*1000;

        var m=Math.floor(t/1000/60);

        t-=m*60*1000;

        var s=Math.floor(t/1000);*/


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

    </script>