useTimeout
Update value after a given time with controls.
Demo
Ready: false
Usage
import { promiseTimeout, useTimeout } from '@vueuse/core'
const ready = useTimeout(1000)
import { promiseTimeout, useTimeout } from '@vueuse/core'
const ready = useTimeout(1000)
const { ready, start, stop } = useTimeout(1000, { controls: true })
const { ready, start, stop } = useTimeout(1000, { controls: true })
console.log(ready.value) // false
await promiseTimeout(1200)
console.log(ready.value) // true
console.log(ready.value) // false
await promiseTimeout(1200)
console.log(ready.value) // true
Type Declarations
export interface TimeoutOptions<Controls extends boolean>
extends TimeoutFnOptions {
/**
* Expose more controls
*
* @default false
*/
controls?: Controls
}
/**
* Update value after a given time with controls.
*
* @see {@link https://vueuse.org/useTimeout}
* @param interval
* @param immediate
*/
export declare function useTimeout(
interval?: number,
options?: TimeoutOptions<false>
): ComputedRef<boolean>
export declare function useTimeout(
interval: number,
options: TimeoutOptions<true>
): {
ready: ComputedRef<boolean>
} & Stoppable
export interface TimeoutOptions<Controls extends boolean>
extends TimeoutFnOptions {
/**
* Expose more controls
*
* @default false
*/
controls?: Controls
}
/**
* Update value after a given time with controls.
*
* @see {@link https://vueuse.org/useTimeout}
* @param interval
* @param immediate
*/
export declare function useTimeout(
interval?: number,
options?: TimeoutOptions<false>
): ComputedRef<boolean>
export declare function useTimeout(
interval: number,
options: TimeoutOptions<true>
): {
ready: ComputedRef<boolean>
} & Stoppable
Source
Contributors
Anthony Fu
Shinigami
Mark Noonan