封装倒计时函数

// 倒计时函数
import {ref, computed, onUnmounted} from 'vue'
import dayjs from "dayjs";

export const useCountDown = () => {
    // 1. 响应式数据
    const time = ref(0)
    const formatTime = computed(() => dayjs.unix(time.value).format('mm分ss秒'));
    let timer = null
    // 2. 开启倒计时函数
    const start = (currentTime) => {
        time.value = currentTime
        timer = setInterval(() => {
            time.value--
        }, 1000)
    }
    onUnmounted(() => {
        timer && clearInterval(timer)
    })
    return {
        formatTime,
        start
    }
}

你可能感兴趣的:(javascript,前端,vue.js)