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后需要执行的事件
        }
    }

 

posted @ 2012-12-14 09:26  夜照亮了黑  阅读(326)  评论(0编辑  收藏  举报