倒计时

作者: 洛洛kkkkkk | 来源:发表于2017-04-18 19:39 被阅读0次
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
        body{
            background-color: black;
        }
         span{
            font-size: 50px;
            font-family: "微软雅黑";
        font-weight: 900;
        color: white;
        text-shadow:0 0 10px #fff,
                           0 0 20px  #fff,
                           0 0 30px  #fff,
                           0 0 40px  #228DFF,
                           0 0 70px  #228DFF,
                           0 0 80px  #228DFF;
         }
    </style>
</head>

<body>

    <span id="t_d"></span>
    <span id="t_h"></span>
    <span id="t_m"></span>
    <span id="t_s"></span>
<script type="text/javascript">
    function getRTime(){
        var EndTime= new Date('2018/1/1 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);
    
    //时间对象,就是获取当前/未来/过去的时间,创建方式有很多。得到两个时间之后可以做差值
    //获取两个时间相差的毫秒数。时间对象有很多方法,可以单独的帮我们获取年份/月份/秒数等
    //也可以通过set方法来单独的设置年份/月份/秒数等
   </script>
</body>
</html> 

相关文章

  • 倒计时

    新年倒计时…中考倒计时…高考倒计时…告别学生倒计时…假期倒计时…睡觉倒计时…起床倒计时… 生活中,很多与我们息息相...

  • 倒计时不仅使我们焦躁,还可以使我们振奋啊

    中考倒计时,高考倒计时, 倒计时100天 倒计时50天 倒计时10天 倒计时5天 ........ 这个场景想必在...

  • 倒计时

    文/木子 开学倒计时了 爸妈回去倒计时了 教师节倒计时了 国庆节倒计时了 小儿12岁倒计时了 寒假倒计时了 元旦倒...

  • wordlist 13

    倒计时倒计时

  • wordlist 11

    倒计时倒计时

  • van-count-down 倒计时相关问题

    1. 倒计时重置问题 背景:业务需要在开启倒计时、暂停、恢复倒计时实时判断是否展示倒计时,并重置倒计时 问题:直接...

  • iOS开发-倒计时

    倒计时 倒计时60s 倒计时HH-MM-SS 1.倒计时60s 很多时候在点击按钮发送短信的时候需要倒计时读秒 2...

  • 10.27

    倒计时第一天,倒计时7,好想赶快到倒计时1。

  • 1小时倒计时

    倒计时 目前我们内部用的比较多的倒计时:一个小时的倒计时、12个小时的倒计时。 examinePassTime:审...

  • js中date倒计时

    获取倒计时之前,我们不妨先来看怎样获取当前时间吧!!! 获取倒计时 1、实现倒计时功能2、倒计时结束按钮可被点击,...

网友评论

      本文标题:倒计时

      本文链接:https://www.haomeiwen.com/subject/aqeqzttx.html