• 前端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("2022-2-22 22:22:00", "go");
                        if(dates<=0) {
                            clearInterval(s)
                        }
                },50)
        </script>
    </body>
    
    </html>
  • 相关阅读:
    MySQL的存储引擎
    MySQL的索引及执行计划
    MySQL的SQL基础应用
    MySQL基础入门
    代码质量检测SonarQube
    Jenkins持续集成
    Git版本控制及gitlab私有仓库
    jumpserver跳板机
    Keepalived高可用服务
    well-known file is not secure
  • 原文地址:https://www.cnblogs.com/z-y-zone/p/12915118.html
Copyright © 2020-2023  润新知