前端js倒計時（精確到毫秒）

本文轉載自查看原文 2019-07-02 10:47 2696 倒計時/ 前端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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 JS倒計時-毫秒 js 多個倒計時，毫秒倒計時活動倒計時代碼（精確到毫秒）jquery插件 js倒計時 js倒計時如何讓秒殺、活動倒計時更“精確”? 根據后端傳的時間前端js進行倒計時根據后端傳的時間前端js進行倒計時根據后端傳的時間前端js進行倒計時 js時間倒計時