jQuery毫秒倒计时

最新推荐文章于 2023-06-05 18:46:57 发布

转载最新推荐文章于 2023-06-05 18:46:57 发布 · 495 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/3010603/blog/795703

文章标签：

#javascript #ViewUI

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <meta name="author" content="https://my.oschina.net/u/3010603/blog" />
        <title>jQuery毫秒倒计时</title>
        <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

var ms = Math.floor(times / 100).toString(); //把times除以100取整数，转换为字符字符串

                    if(ms.length <= 1) {
                        ms = "0" + ms;
                    }
                    var hm = Math.floor(times % 100).toString(); //把time的百分比取小数点后面的两位数转换为字符字符串
                    if(hm.length <= 1) {
                        hm = "0" + hm;
                    }
                    if(times == 0) {
                        $("#_txt").html("倒计时结束");
                        clearInterval(countTime);
                    }
                    // 获取分钟、毫秒数
                    $(".a").html(ms);
                    $(".b").html(hm);
                }, 10);
            });
        </script>
        <style>
            .warp {
                width: 100%;
                height: 100px;
                line-height: 100px;
                text-align: center;
                font-size: 40px;

            }

            .warp strong {
                width: 100px;
                display: inline-block;
                text-align: center;
                font-family: georgia;
                color: #C9302C;
            }
        </style>
    </head>

</html>

效果：

转载于:https://my.oschina.net/u/3010603/blog/795703