zoukankan      html  css  js  c++  java
  • 前端js倒计时(精确到毫秒)

    话不多说,直接上代码:

      有需要直接拿走,

    <html>
    
    <head>
        <style>
            div{
                width:100%;
                 text-align:center;
                font-size: 14px;
            }
        </style>
    </head>
            <div id="go">
            </div>
    <body>
        <script>
            function countTime(time,id) {
                    var date = new Date();
                    var now = date.getTime();               
                    var endDate = new Date(time);//设置截止时间
                    var end = endDate.getTime();
                    var leftTime = end - now; //时间差                              
                    var d, h, m, s, ms;
                    if(leftTime >= 0) {
                        d = Math.floor(leftTime / 1000 / 60 / 60 / 24);
                        h = Math.floor(leftTime / 1000 / 60 / 60 % 24);
                        m = Math.floor(leftTime / 1000 / 60 % 60);
                        s = Math.floor(leftTime / 1000 % 60);
                        ms = Math.floor(leftTime % 1000);
                        if(ms < 100) {
                            ms = "0" + ms;
                        }
                        if(s < 10) {
                            s = "0" + s;
                        }
                        if(m < 10) {
                            m = "0" + m;
                        }
                        if(h < 10) {
                            h = "0" + h;
                        }
                        //将倒计时赋值到div中
                    document.getElementById(id).innerHTML = d + "" + h + "" + m + "" + s + ""+  ms + "毫秒";
                    } else {
                        console.log('已截止')
                        //将倒计时赋值到div中
                        document.getElementById(id).innerHTML = "已开抢"
                    }
                    //递归每秒调用countTime方法,显示动态时间效果
                   return leftTime
                }
                //调用方式  需要传入  结束时间   和 倒计时内容所在的id名称
                var s = setInterval(function (){
                       var dates =  countTime("2019-7-2 10:32:00", "go");
                        if(dates<=0) {
                            clearInterval(s)
                        }
                },50)
        </script>
    </body>
    
    </html>
            
  • 相关阅读:
    XSS
    XSS练习小游戏
    CTF中常见的编码
    BugkuCTF
    A、B、C、D和E类IP地址
    JDK和JRE的区别及配置
    SQL注入漏洞测试(HTTP头注入)
    MS17-010远程溢出漏洞(CVE-2017-0143)拿权限
    SQL注入——布尔型盲注注入攻击——手工注入篇——SQL手工注入漏洞测试(MySQL数据库)
    mysql增删改查
  • 原文地址:https://www.cnblogs.com/wgs-blog/p/11119139.html
Copyright © 2011-2022 走看看