43 lines
1.2 KiB
TypeScript
43 lines
1.2 KiB
TypeScript
|
import { ref, onUnmounted } from 'vue'
|
||
|
|
|
||
|
|
export function useTimeManager() {
|
||
|
|
const currentTime = ref<string>('')
|
||
|
|
let timeInterval: NodeJS.Timeout | null = null
|
||
|
|
|
||
|
|
const updateTime = (): void => {
|
||
|
|
const now = new Date()
|
||
|
|
const year = now.getFullYear()
|
||
|
|
const month = String(now.getMonth() + 1).padStart(2, '0')
|
||
|
|
const day = String(now.getDate()).padStart(2, '0')
|
||
|
|
const weekdays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
|
||
|
|
const weekday = weekdays[now.getDay()]
|
||
|
|
const hours = String(now.getHours()).padStart(2, '0')
|
||
|
|
const minutes = String(now.getMinutes()).padStart(2, '0')
|
||
|
|
const seconds = String(now.getSeconds()).padStart(2, '0')
|
||
|
|
|
||
|
|
currentTime.value = `${year}年${month}月${day}日 ${weekday} ${hours}:${minutes}:${seconds}`
|
||
|
|
}
|
||
|
|
|
||
|
|
const startTimeUpdate = (): void => {
|
||
|
|
updateTime()
|
||
|
|
timeInterval = setInterval(updateTime, 1000)
|
||
|
|
}
|
||
|
|
|
||
|
|
const stopTimeUpdate = (): void => {
|
||
|
|
if (timeInterval) {
|
||
|
|
clearInterval(timeInterval)
|
||
|
|
timeInterval = null
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
currentTime,
|
||
|
|
startTimeUpdate,
|
||
|
|
stopTimeUpdate,
|
||
|
|
// 返回清理函数，让调用方在组件卸载时调用
|
||
|
|
cleanup: () => {
|
||
|
|
stopTimeUpdate()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|