js 实现倒计时 天-小时-分钟-秒数

countdown(){
        // 目标时间
        let newdate = new Date('2021-04-21 11:40:00')
        let setINT = setInterval(() => {
            // 当前时间
            let olddate = new Date()
            // 目标时间减去当前时间
            let down = newdate - olddate
            // 当剩余时间为负数时,清楚计时器
            if(down < 0){
                clearInterval(setINT)
            }
            this.formatSeconds(down)
        },1000)
    },
    formatSeconds(value) {
        var secondTime = 0 //
        var minuteTime = 0; //
        var hourTime = 0; // 小时
        var today = 0 //// 全部剩余多少秒
        var seconds = Math.ceil(value / 1000) 
        
        hourTime = Math.floor(seconds / 3600) 
        //天数
        today = Math.floor(hourTime / 24)
        //小时
        hourTime = Math.floor(hourTime % 24) < 10 ? '0' + Math.floor(hourTime % 24) : Math.floor(hourTime % 24)
        //
        minuteTime = Math.floor(seconds / 60 % 60) < 10 ? '0' + Math.floor(seconds / 60 % 60) : Math.floor(seconds / 60 % 60)
        //
        secondTime = Math.floor(seconds % 60) < 10 ? '0' + Math.floor(seconds % 60) : Math.floor(seconds % 60)

        console.log('剩余'+today+''+ hourTime+'小时'+minuteTime+'分钟'+secondTime+'')
    },

根据需要调用  countdown 方法

posted @ 2021-04-21 11:36  龙卷风吹毁停车场  阅读(580)  评论(0)    收藏  举报