开奖倒计时

最新推荐文章于 2024-01-23 15:50:35 发布

新码将

最新推荐文章于 2024-01-23 15:50:35 发布

阅读量555

点赞数

文章标签： js setInterval

本文链接：https://blog.csdn.net/weixin_43417444/article/details/83861287

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>倒计时</title>
    <script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
    <div>
        距离开奖还有：
        <span class="count-down-time"></span>
    </div>
    
    <script>
        $(function () {
            let surplus, d, h, m, s;
            function currentTime() {
                // 设置截止时间
                let str = "2018/11/15 12:30:00";
                let end = new Date(str).getTime();
                
                // 获取当前时间
                let date = new Date();
                let now = date.getTime();

                // 时间差
                let leftTime = end-now;

                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);

                    surplus = d + "天" + h + "时" + m + "分" + s + "秒";
                }

                $(".count-down-time").html(surplus)
            }
            currentTime();
            setInterval(currentTime, 1000)
        })
    </script>
</body>
</html>

注：在safari浏览器中，请将声明方式“let” 改为“var”，否则会报错。（据悉是因为safari和chrome 关于let的作用域不一样）