MENU

HTML春节倒计时

• 2018 年 12 月 12 日 • 阅读: 471 • 源码

春节倒计时

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

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

源码

<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>
- - - The END - - -
  • 文章标题:HTML春节倒计时
  • 文章链接:https://gxusb.com/daotime.html
  • 版权所有:本文版权归 Get-林林小窝 所有,转载请注明出处!除特殊注明外(如有侵权,请联系 gxggxl@qq.com ),本站原创内容均采用 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 进行许可
  • 广告

    最后编辑于: 2019 年 01 月 01 日
    返回文章列表 文章二维码 打赏
    本页链接的二维码
    打赏二维码
    添加新评论

    已有 1 条评论
    1. 看完这篇文章我才知道是2月5日过年!~