倒计时代码

<div class="main">
        今天是:<span class="today"></span><br/>
        春节时间是:<span>2016年02月07日 00:00:00</span><br/>
        距离春节还有:<span class="countDown"></span>
    </div>
<style>
        *{margin: 0;padding: 0;list-style-type: none;}
        .main{margin: 50px auto; width: 1200px; line-height: 35px;}
        .main span{font-size: 24px; font-weight: bold; color: red;}
    </style>
$(function(){
    var oToday=$('.today');
    var oCountDown=$('.countDown');
    function day(){
        var today=new Date();
        var y=today.getFullYear();
        var m=checkTime(today.getMonth()+1);
        var d=checkTime(today.getDate());
        var h=checkTime(today.getHours());
        var t=checkTime(today.getMinutes());
        var s=checkTime(today.getSeconds());
        oToday.html(y+'年'+m+'月'+d+'日 '+h+':'+t+':'+s);
        function checkTime(i){
            if(i<10){
                i='0'+i;
            }
            return i;
        }
    }
    setInterval(day,1000);
    function countDown(){
        var start=new Date().getTime();                         //获取当前时间毫秒数
        var end=new Date("2016/02/07 00:00:00").getTime();      //获取目标时间毫秒数
        var distance=end-start;                                 //获取时间差毫秒数
        
        var day=Math.floor(distance/86400000);                  //天数
        distance-=day*86400000;
        
        var hour=Math.floor(distance/3600000);                  //小时
        distance-=hour*3600000;
        
        var minute=Math.floor(distance/60000);                  //分钟
        distance-=minute*60000;
        
        var second=Math.floor(distance/1000);                   //秒数
        
        if(day<10){
            day='0'+day;
        }
        if(hour<10){
            hour='0'+hour;
        }
        if(minute<10){
            minute='0'+minute;
        }
        if(second<10){
            second='0'+second;
        }
        oCountDown.html(day+'天'+hour+'时'+minute+'分'+second+'秒');
    }
    setInterval(countDown,1000);
    

});

 

posted @ 2016-01-18 15:50  ExplorQQ  阅读(319)  评论(0)    收藏  举报