Skip to content

useInterval

定时器Hook

前置依赖

依赖参数

参数名类型说明
deps.vue.ref<T>(value: T) => Ref<T>Vue的ref函数
deps.vue.onUnmounted(fn: () => void) => voidVue的onUnmounted钩子
deps.setIntervaltypeof setInterval设置定时器函数
deps.clearIntervaltypeof clearInterval清除定时器函数

使用示例

typescript
import { ref, onUnmounted } from 'vue'
import { useInterval } from 'zcw-shared/hooks/useInterval'

const { isActive, pause, resume } = useInterval(
  () => {
    console.log('每秒执行')
  },
  1000,
  { immediate: true },
  {
    vue: { ref, onUnmounted },
    setInterval,
    clearInterval
  }
)

// 暂停
pause()

// 恢复
resume()