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>
            
  • 相关阅读:
    Yaffs文件系统简介
    网新恒天2013年校园招聘笔试
    【Android】项目中每个文件夹的作用
    唐-诗:《春江花月夜》
    汉语-词语:诗词歌赋
    汉语-词语:四季
    图书-心理学:《思考致富》
    影视-电影:《释迦摩尼佛传》
    软件开发-开发模式:极限编程
    【计算机视觉】SIFT中LoG和DoG比較
  • 原文地址:https://www.cnblogs.com/wgs-blog/p/11119139.html
Copyright © 2011-2022 走看看