useIntervalFn
带有控制功能的 setInterval
包装器
示例
使用方法
js
import { useIntervalFn } from '@vueuse/core'
const { pause, resume, isActive } = useIntervalFn(() => {
/* 你的函数 */
}, 1000)
类型声明
typescript
export interface UseIntervalFnOptions {
/**
* 立即开始计时器
*
* @default true
*/
immediate?: boolean
/**
* 在调用 `resume` 之后立即执行回调
*
* @default false
*/
immediateCallback?: boolean
}
/**
* 带有控制功能的 `setInterval` 包装器
*
* @param cb
* @param interval
* @param options
*/
export declare function useIntervalFn(
cb: Fn,
interval?: MaybeRefOrGetter<number>,
options?: UseIntervalFnOptions,
): Pausable
源码
贡献者
更新日志
v12.8.0
on 3/5/2025v12.3.0
on 1/2/202559f75
- feat(toValue): deprecate toValue
from @vueuse/shared
in favor of Vue's nativev12.0.0-beta.1
on 11/21/2024v11.2.0
on 10/30/2024v10.0.0-beta.5
on 4/13/2023cb644
- refactor!: remove isFunction
and isString
utilsv10.0.0-beta.4
on 4/13/20234d757
- feat(types)!: rename MaybeComputedRef
to MaybeRefOrGetter
0a72b
- feat(toValue): rename resolveUnref
to toValue