倒计时

最新推荐文章于 2021-11-16 01:31:16 发布

菲一菲

最新推荐文章于 2021-11-16 01:31:16 发布

阅读量167

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/qq_37203608/article/details/83542973

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<span class="timespan"></span>
</body>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
    /*var starttime = new Date("2018/10/23/10:00");*/
    //活动的日期
    var date=[
        '2018/11/1/10:00',
        '2018/11/2/10:00',
        '2018/11/3/10:00',
        '2018/11/4/10:00',
        '2018/11/5/10:00',
        '2018/11/6/10:00'
    ]

    /**
     * 补零操作
     * 例如5 补零后为0 5
     * @param value 当前的字符串或数字都可以，会自动转换为字符串
     * @param len 应该的长度，例如日期就只需要2位，那么就传2位
     * @returns {string}
     */
    function padLeft(value,len){
        var value = (value+"");
        if (value.length<len){
            for (var i = value.length ; i<len;i++){
                value = "0"+value;
            }
        }
        return value;
    }

    for(var i=0;i<date.length;i++){
        date[i];
        console.log(date[i]);
        var starttime=new Date(date[i]);
        var nowtime = new Date();
        var startFullYear = starttime.getFullYear();
        var nowFullYear = nowtime.getFullYear();
        var startDay = starttime.getDay();
        var nowDay = nowtime.getDay();
        var startHours = starttime.getHours();
        var nowHours = nowtime.getHours();
        var contentMessage = "活动未开始-不要瞎点";

        //判断当前时间是否是活动日
            if (startFullYear == nowFullYear && startDay == nowDay) {
                if(startHours >= nowHours){
                    setInterval(function () {
                        //判断是否超过活动时间点
                        if (starttime.getTime() > gMillisecond) {
                            var time = starttime.getTime() - gMillisecond;
                            var day = padLeft(parseInt(time / 1000 / 60 / 60 / 24), 2);
                            var hour = padLeft(parseInt(time / 1000 / 60 / 60 % 24), 2);
                            var minute = padLeft(parseInt(time / 1000 / 60 % 60), 2);
                            var seconds = padLeft(parseInt(time / 1000 % 60), 2);
                            contentMessage = "开启时间剩余" + hour + ":" + minute + ":" + seconds + "";
                            gMillisecond = gMillisecond + 1000;
                            $('.deliver__price-btn').html("即将开抢").addClass("finish");
                        } else {
                            contentMessage = "活动已开始";
                            $('.deliver__price-btn').html("立即抢购").removeClass("finish");
                            //$('.CountDown').html(contentMessage);
                        }
                        $('.CountDown').html(contentMessage);
                    }, 1000);
                    //如果当前是活动日的话，就中断当前循环
                    break;
                }else{
                    $('.CountDown').html("活动已开始");
                    break;
                }

            }else{
                $('.CountDown').html(contentMessage);
            }
    }
    //var starttime = new Date("2018/10/25/10:00");

</script>
</html>