//第一步 引入moment
import moment from 'moment';

let nowTime:any = ref('')//當(dāng)前時(shí)間
let diffTime:any = ref('')//當(dāng)前時(shí)間和指定時(shí)間的差值
let countdown:any = ref(0)//倒計(jì)時(shí)
// 設(shè)置setInterval 用于每秒鐘輸出一次當(dāng)前時(shí)間 更新倒計(jì)時(shí)的時(shí)間
let interval:any = setInterval(function() {
	//按照時(shí)分秒格式 獲取當(dāng)前時(shí)間  需要年月日這樣設(shè)置 "YYYY-MMM-DDD HH:mm:ss"
	nowTime.value = moment().format("HH:mm:ss")
	//通過比較時(shí)間差 獲取一個(gè)秒數(shù)值
	//比較時(shí)間差 按照秒seconds進(jìn)行比較  如果是年月日比較如右設(shè)置 moment('2024-02-05 10:00:00', 'YYYY-MMM-DDD hh:mm:ss')
	//moment() 為當(dāng)前時(shí)間
	diffTime.value = moment('10:00:00', 'hh:mm:ss').diff(moment(), "seconds")
	//倒計(jì)時(shí)   如果只需要最后5分鐘才顯示倒計(jì)時(shí) 這進(jìn)行判斷
	if(diffTime.value<5*60){
		let h = moment.duration(diffTime.value, 'seconds').hours()//小時(shí)
		let m = moment.duration(diffTime.value, 'seconds').minutes()//分鐘
		let s = moment.duration(diffTime.value, 'seconds').seconds()//秒
		countdown.value = `${h<10?'0'+h:h}:${m<10?'0'+m:m}:${s<10?'0'+s:s}`
	}
	// 判斷是否需要執(zhí)行定時(shí)器
	if(diffTime.value < 0 ){
		clearInterval(interval)//清除定時(shí)器
	}
}, 1000);


//頁面銷毀時(shí)觸發(fā)
onBeforeUnmount(()=>{
	clearInterval(interval)//清除定時(shí)器
})

countDown(end_time) { 
if (end_time == null) return; 
let nowTime = moment() .locale('zh-cn') .format('YYYY-MM-DD HH:mm:ss'); //當(dāng)前時(shí)間
let endTime = moment(end_time) .locale('zh-cn') .format('YYYY-MM-DD HH:mm:ss'); 
return moment(endTime).diff(moment(nowTime), 'seconds'); //剩余可倒計(jì)時(shí)的秒數(shù) 
},