js时分秒抢购倒计时

最新推荐文章于 2022-06-27 19:11:34 发布

junyu1024

最新推荐文章于 2022-06-27 19:11:34 发布

阅读量514

点赞数

分类专栏：炒鸡酷炫

本文链接：https://blog.csdn.net/junyu1024/article/details/83986828

版权

炒鸡酷炫专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>js时分秒毫秒倒计时</title>
    </head>
    <body>
        <div>
            <span id="_d">00</span>
            <span id="_h">00</span>
            <span id="_m">00</span>
            <span id="_s">00</span>
            <span id="_ms">00</span>
        </div>
        <script type="text/javascript">
            function countTime() {
                var date = new Date(); //获取当前日期
                var now = date.getTime(); //当前日期的时间戳              
                var end = 1569859200000;// 截止日期的时间戳
                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); //剩余几个小时
                    //h = Math.floor(leftTime / 1000 / 60 / 60);//一共剩多少个小时
                    m = Math.floor(leftTime / 1000 / 60 % 60);//剩余几分钟
                    s = Math.floor(leftTime / 1000 % 60);//剩余几秒
                    ms = Math.floor(leftTime % 1000/10);//剩余几毫秒
                    if(ms < 10) {
                        ms = "0" + ms;
                    }
                    if(s < 10) {
                        s = "0" + s;
                    }
                    if(m < 10) {
                        m = "0" + m;
                    }
                    if(h < 10) {
                        h = "0" + h;
                    }
                } else {
                    h = m = s = ms = '00'
                }
                //将倒计时赋值到div中
                document.getElementById("_d").innerHTML = d + "天";
                document.getElementById("_h").innerHTML = h + "时";
                document.getElementById("_m").innerHTML = m + "分";
                document.getElementById("_s").innerHTML = s + "秒";
                document.getElementById("_ms").innerHTML = ms + "毫秒";
                setTimeout(countTime, 90);
            }

            countTime();
        </script>
    </body>
</html>

必须使用时间戳，否则iOS会失效。

junyu1024

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js时分秒抢购倒计时

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>js时分秒毫秒倒计时</title> </head> <body> <div>...
复制链接

扫一扫