Skip to content

useTimeoutFn

Category
Export Size
335 B
Last Changed
3 months ago

Wrapper for setTimeout with controls.

Demo

Please wait for 3 seconds

Usage

ts
import { 
useTimeoutFn
} from '@vueuse/core'
const {
isPending
,
start
,
stop
} =
useTimeoutFn
(() => {
/* ... */ }, 3000)

Type Declarations

ts
export interface UseTimeoutFnOptions {
  /**
   * Start the timer immediately
   *
   * @default true
   */
  
immediate
?: boolean
/** * Execute the callback immediately after calling `start` * * @default false */
immediateCallback
?: boolean
} export type
UseTimeoutFnReturn
<
CallbackFn
extends
AnyFn
> =
Stoppable
<
Parameters
<
CallbackFn
> | []
> /** * Wrapper for `setTimeout` with controls. * * @param cb * @param interval * @param options */ export declare function
useTimeoutFn
<
CallbackFn
extends
AnyFn
>(
cb
:
CallbackFn
,
interval
:
MaybeRefOrGetter
<number>,
options
?: UseTimeoutFnOptions,
):
UseTimeoutFnReturn
<
CallbackFn
>

Source

SourceDemoDocs

Contributors

Anthony Fu
IlyaL
Anthony Fu
Scott Bedard
SerKo
IlyaL
Robin
OrbisK
童欧巴
Dan Rose
Kasper Seweryn
jack zhang
vaakian X
Jelf
Shinigami
Peter Shih
liaoliao666
Sergey Shumov

Changelog

v13.4.0 on
319d8 - feat(shared): Introduce TimerHandle for setTimeout type (#4801)
v13.1.0 on
c1d6e - feat(shared): ensure return types exists (#4659)
v12.8.0 on
7432f - feat(types): deprecate MaybeRef and MaybeRefOrGetter in favor of Vue's native (#4636)
v12.6.0 on
64c53 - feat(useTimtoutFn,useTimeoutPoll): align behavior (#4543)
v12.3.0 on
59f75 - feat(toValue): deprecate toValue from @vueuse/shared in favor of Vue's native
v12.0.0-beta.1 on
0a9ed - feat!: drop Vue 2 support, optimize bundles and clean up (#4349)
v10.0.0-beta.4 on
4d757 - feat(types)!: rename MaybeComputedRef to MaybeRefOrGetter
0a72b - feat(toValue): rename resolveUnref to toValue

Released under the MIT License.

Join the Biggest FREE AI-Driven Development Event for Vue Developers
Save My Seat