Jquery实现倒计时

最近需要写一个倒计时的效果,就大体写了一下。有什么不足,请多多见谅

<script type=\"text/javascript\">
    var SysSecond;
    var InterValObj;
    var barcode;
    $(document).ready(function () {
        SysSecond = parseInt($(\"#remainSeconds\").html()); //这里获取倒计时的起始时间
        InterValObj = window.setInterval(SetRemainTime, 1000); //间隔函数,1秒执行
        barcode = $(\"#barcode\").html();
    });

    //将时间减去1秒,计算天、时、分、秒
    function SetRemainTime() {
        if (SysSecond > 0) {
            SysSecond = SysSecond - 1;
            var second = Math.floor(SysSecond % 60);             // 计算秒    
            var minite = Math.floor((SysSecond / 60) % 60);      //计算分
            var hour = Math.floor((SysSecond / 3600) % 24);      //计算小时
            var day = Math.floor((SysSecond / 3600) / 24);        //计算天
            if (day > 0) {
                if (day == 1) {
                    $(\"#remainTime\").html(day + \"DAY \" + hour + \":\" + minite + \":\" + second + \"\");
                } else {
                    $(\"#remainTime\").html(day + \"DAYS \" + hour + \":\" + minite + \":\" + second + \"\");
                }
            } else {
                $(\"#remainTime\").html(hour + \":\" + minite + \":\" + second + \"\");
            }
        } else {//剩余时间小于或等于0的时候,就停止间隔函数
            location.href = \"/product/countdown.aspx?fn=\" + barcode + \"\";
            window.clearInterval(InterValObj);
            //这里可以添加倒计时时间为0后需要执行的事件
        }
    }

(0)
陈玉龙的头像陈玉龙
上一篇 2022年9月25日
下一篇 2022年9月25日

相关推荐