zoukankan      html  css  js  c++  java
  • 简单倒计时

     原理:定的时间 -现在时间=时间差  

    讲时间差转换成时 分 秒   显示出来

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>简单易用的倒计时js代码 - 网站源码</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 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>
       function GetRTime(){
           var EndTime= new Date('2019/06/20 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,0);
    </script>
    
    <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
    </div>
    
    </body>
    </html> 
    

      

    每秒刷新一下

  • 相关阅读:
    JavaScript对象继承的实现
    Redis资料
    Difference between LINQ to SQL and the Entity Framework
    闭包,懂不懂由你,反正我是懂了
    Castle资料
    csu 1242 碱基配对
    csu 1242 碱基配对——一个错误的解答
    [转载]zoj 分类
    计算素数
    魔方阵
  • 原文地址:https://www.cnblogs.com/jianz/p/5311808.html
Copyright © 2011-2022 走看看