Vue实现订单支付倒计时功能

data(){
	return {
		minutes: '', //倒计时分钟
		seconds: '', //倒计时秒
		isEnd: false, //支付超时
	}
}
methods: {
        // 倒计时
        countDown(){    
        	// 当前时间
            let nowTime = new Date()
            // 获取创建订单15分钟后的时间,this.payForm.create_time:订单创建时间
            let endTime = new Date(this.payForm.create_time);
            endTime.setMinutes(endTime.getMinutes() + 15) // 结束时间，获取创建订单15分钟后的时间
            // 两个日期相差的时间戳，以毫秒为单位（1000ms = 1s）
            let totalTime = endTime - nowTime
            // 结束时间大于现在的时间
            if(totalTime>0){
                let timer = setInterval(() => {
                    if (totalTime >= 0) {
                        //获取分钟数
                        let minutes = 
                            Math.floor((((totalTime % (3600 * 24 * 1000)) / 1000) % 3600) / 60);
                        //获取秒数
                        let seconds = 
                            Math.floor((((totalTime % (3600 * 24 * 1000)) / 1000) % 3600) % 60).toString().padStart(2, "0");;
                        this.minutes = minutes
                        this.seconds = seconds
                        totalTime -= 1000;
                        // console.log(totalTime)
                    } else {
                        clearInterval(timer); // 停止调用函数 
                        this.isEnd = true
                    }
                }, 1000); 
            }else{
                this.isEnd = true
            }  
}

//totalTime: 时间间隔，单位ms
let totalTime = endTime - createTime
//获取天数
let day = Math.floor(totalTime / 1000 / 3600 / 24);
//获取小时数
let h = Math.floor((totalTime % (3600 * 24 * 1000)) / 1000 / 3600);