zhinai

HTML代码做春节倒计时
春节倒计时 2019年春节时间:2019年2月05日 星期二 农历正月初一 ...
扫描右侧二维码阅读全文
21
2018/12

HTML代码做春节倒计时

春节倒计时

2019年春节时间:2019年2月05日 星期二 农历正月初一

目前距离2019年春节过年还有

HTML代码如下:

<div>
    <h1>春节倒计时</h1>
    <h3>2019年春节时间:2019年2月05日 星期二 农历正月初一</h3>
    <h3>目前距离2019年春节过年还有</h3>
    <div>
        <span id="t_d"></span>
        <span id="t_h"></span>
        <span id="t_m"></span>
        <span id="t_s"></span>
    </div>
<script type="text/javascript">
    function getRTime(){
        var EndTime= new Date('2019/02/05 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,1000);
    </script>
</div>
Last modification:December 21st, 2018 at 09:25 pm

Leave a Comment