固定时间倒计时

我所说的这个固定时间是每天晚上20:45，然后根据这个20：45设置倒计时。

下面贴代码

 

HTML代码

<p class="radio_right">距离销售还剩余<span id="t_h"></span><span id="t_m"></span><span id="t_s"></span></p>



css代码我不贴了



最重要的js代码

顾名思义：倒计时就是用终点的时间减去现在的时间

这里呢
我将终点的时间封装成了一个函数

$(function(){
    var year;
    var month;
    var date1;
　　

// 封装的终点时间的函数

    function endTime(){
        myDate = new Date();
        year = myDate.getFullYear();
        month = myDate.getMonth()+1;
        date1 =myDate.getDate();
        if(month < 10) {
            month = '0' + month;
        }
        if(date1 < 10) {
            date1 = '0' + date1;
        }

        return year + '/'+ month + '/' + date1 + ' ' + '20:45';

    }

// 设置的倒计时，1秒1次

    setInterval(function(){
        //  当前时间
        var nowtime = Date.parse(new Date());
        //  结束时间
        var end = endTime();
        var date = new Date(end);
        var endtime = date.getTime();
        console.log(endtime);
        //  倒计时时间
        var leftTime = endtime - nowtime;
        var leftsecond = parseInt(leftTime/1000);
        var day1=Math.floor(leftsecond/(60*60*24));
        var hour=Math.floor((leftsecond-day1*24*60*60)/3600);
        var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);
        var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);
　　　　

// 将小时、分、秒添加到对应的HTML上面

        document.getElementById('t_h').innerText=hour+'小时';
        document.getElementById('t_m').innerText=minute+'分';
        document.getElementById('t_s').innerText=second+'秒';


    },1000);




})


最终渲染效果

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　愿所有的深情都不被辜负，都能被温柔以待

转载于:https://www.cnblogs.com/ycc-521/p/7448620.html