JS倒计时(黑空)

一,html代码部分

   
   

--活动倒计时--

 
   

       

0  天 0 时 0 分 0 秒 


   
 
   
已有{$activity.activity_people}人参加

   

当前我已分享{$myself.dianliang_num}次,有{$tuijiancount}个朋友看了我


 

二,css代码部分

/*倒计时*/  
.biaoti{margin: 0 auto;padding-left:1.8rem;padding-top: 0.6rem;font-size: 0.4rem;letter-spacing: -0.2vw;font-family: "微软雅黑";color:#0570b4;font-weight:bold;}
.restTime{width:100%;height:2rem;font-size: 0.5rem;text-align: center;}
.restTime p{margin: 0;padding-top: 0.6rem;font-size: 0.4rem;letter-spacing: -0.2vw;font-family: "微软雅黑";color:#0570b4;font-weight:bold;}
.restTime p span{background-color:#3690f0;color:#fff000;border-radius:0.1rem;padding:0 0.1rem;}

.biaoti1{margin: 0 auto;padding-left:0.45rem;font-size: 0.4rem;letter-spacing: -0.2vw;font-family: "微软雅黑";color:#0570b4;font-size:0.4rem;margin-top:0.1rem;}

三,js代码部分

//================  倒计时
//var intDiff = parseInt(60); //倒计时总秒数量 
function timer(intDiff) {
    window.setInterval(function () {
        var day = 0,
            hour = 0,
            minute = 0,
            second = 0; //时间默认值
        if (intDiff > 0) {
            day = Math.floor(intDiff / (60 * 60 * 24));
            hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
            minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
            second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
        }
        if (minute <= 9) minute = '0' + minute;
        if (second <= 9) second = '0' + second;
        $('.day_show').text(day );
        $('.hour_show').text(hour);
        $('.minute_show').text(minute);
        $('.second_show').text(second );
        if(day==0 && hour==0 && minute==0 && second==0){
            $('.restTimeP').text('本次活动已结束');
            $('.gogo').css('display','none'); 
        } 
        intDiff--;
    }, 1000);
}
$(function () {
    var nowDate = new Date();
    endtime=$('#endtime').val();
    timer(endtime);
});


你可能感兴趣的:(JS倒计时(黑空))