美文网首页
js倒计时backtimeout

js倒计时backtimeout

作者: xiaoaiai | 来源:发表于2017-08-04 14:41 被阅读0次
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <style>
    *{ margin:0; padding:0; list-style:none;}
    body{ font-size:18px; text-align:center;}
    .time{ height:30px; padding:200px;}
    </style>
    </head>
    <body>
    
       <div id="time">2016/06/06 00:00:00</div>
        <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>
    
        <script>
            var time = document.getElementById("time")
           function GetRTime(){
               var EndTime= new Date(time);
               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);
        </script>
    
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:js倒计时backtimeout

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