jquery倒計時

最近領導安排准備個倒計時，上網找了些插件，都不是很滿意，於是自己動手寫了個，直接上代碼吧。

HTML:

<div id="showDiv" class="countDown">
</div>

 

JS:

 var clickt = '2015/10/9 1:10:00';

    function countdown(d,clicktime){//d為過期天數，clicktime為后台傳過來的點擊時間
        var clickTime = new Date(clicktime);//此處傳入的時間為點擊記錄時間
        var disTime = (new Date()).getTime() - clickTime.getTime();

        var valueTime = 24*3600*1000*d;
        var ts = (valueTime-disTime)/1000;//計算剩余的毫秒數
        
        var dd = parseInt((ts/3600)/24);//計算剩余的天數
        var hh = parseInt(ts/3600%24);//計算剩余的小時數
        var mm = parseInt((ts/60)%60);//計算剩余的分鍾數
        var ss = parseInt(ts%60);//計算剩余的秒數

        if(clickTime && disTime>0)//點擊時間發生在過去
        {
            if(ts > 0){//規定時間內
                var htmlsDays = '剩余'+checkTime(dd)+'天' +checkTime(hh)+ '小時' +checkTime(mm)+ '分鍾' + checkTime(ss)+ '秒';
                var htmlStr = '剩余'+checkTime(hh)+ '小時' +checkTime(mm)+ '分鍾' + checkTime(ss)+ '秒';
                if(dd>0){
                    $('.countDown').html(htmlsDays);
                }else{
                    $('.countDown').html(htmlStr);
                }

            }else{
                $('.countDown').html('Sorry，已超過'+d+'天的規定的操作期限，請重新訂閱！');
            }
        }else{
            $('.countDown').html('error~');
        }
    }

    function checkTime(i){
        if(i<10){
            i = '0'+i;
        }
        return i;
    }

    $(function(){
        setInterval('countdown(2,clickt)',1000);
    })

 

另外還從其它地方看到一個24小時的倒計時，順便粘出來，忘了從哪里看到的了，如果有侵權，請聯系我刪掉。

 $(function(){
        //點擊開始倒計時
        $('#click').click(function(){
            time=setInterval("run()",1000);
        })
    })
    var time;
    var h=23;
    var m=59;
    var s=59;
    //進行倒計時顯示
    function run(){
        --s;
        if(s<0){
            --m;
            s=59;
        }
        if(m<0){
            --h;
            m=59
        }
        if(h<0){
            s=0;
            m=0;
        }
        $('#showDiv').html('您還有' +h+":"+m+":"+s + '，請盡快處理');
    }

 

自己練手的項目，請指正，共同進步。