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

    效果:

    javascript:

        <script type="text/javascript">
            function countTime() {
                //获取当前时间
                var date = new Date();
                var now = date.getTime();
                //设置截止时间
                var endDate = new Date("2018-10-25 00:00:00");
                var end = endDate.getTime();
                //时间差
                var differTime = end - now;
                //定义变量,h,m,s保存倒计时的时间
                var h, m, s;
                if (differTime >= 0) {
                    h = Math.floor(differTime / 1000 / 60 / 60);
                    m = Math.floor(differTime / 1000 / 60 % 60);
                    s = Math.floor(differTime / 1000 % 60);
                    h = h < 10 ? ("0" + h) : h;
                    m = m < 10 ? ("0" + m) : m;
                    s = s < 10 ? ("0" + s) : s;
                    document.getElementById("_h").innerHTML = h + "时";
                    document.getElementById("_m").innerHTML = m + "分";
                    document.getElementById("_s").innerHTML = s + "秒";
                    setTimeout(countTime, 1000);
    
                } else {
                    document.getElementById("_h").innerHTML = "00时";
                    document.getElementById("_m").innerHTML = "00分";
                    document.getElementById("_s").innerHTML = "00秒";
                }
    
    
            }
        </script>
    

    HTML: 

    <body onload="countTime()">
        <div class="timer">
            <span id="_h"></span>
            <span id="_m"></span>
            <span id="_s"></span>
        </div>
    </body>
    

      

  • 相关阅读:
    Python 规范
    Hql
    Python
    IIS 日志分析
    NHibernate 知识点整理
    微软开放了.NET 4.5.1的源代码
    自定义消息编码绑定实现
    使用自定义绑定
    WCF安全:通过 扩展实现用户名密码认证
    WCF 几种错误
  • 原文地址:https://www.cnblogs.com/qianxuebing/p/9829434.html
Copyright © 2011-2022 走看看