Skip to content
On this page

useTimer

用 requestAnimationFrame 实现的定时器 Hook 好处是可以在页面不渲染的时候停止执行定时器,比如页面隐藏或最小化等。 。

代码演示

基础用法

API

javascript
useTimer(
    effect: (count: number, clear: () => void) => void,
    options?: UseTimerOption
)
useTimer(
    effect: (count: number, clear: () => void) => void,
    options?: UseTimerOption
)

Params

参数说明类型默认值
effect必填,默认值 T-
options可选,详见下面的 UseTimerOptionUseTimerOption-

UseTimerOption

参数说明类型默认值
delay间隔时间number1000
immediate可选,是否在首次渲染时立即执行booleanfalse
endTime可选,结束时间number-