useTimeout

カテゴリ

アニメーション

エクスポートサイズ

565 B

最終更新日

先週

コントロールを使用して、指定された時間後に値を更新します。

デモ

ソースコード

準備完了: false

使用方法

JavaScript

import { promiseTimeout, useTimeout } from '@vueuse/core'

const ready = useTimeout(1000)

JavaScript

const { ready, start, stop } = useTimeout(1000, { controls: true })

JavaScript

console.log(ready.value) // false

await promiseTimeout(1200)

console.log(ready.value) // true

型定義

TypeScript

export interface UseTimeoutOptions<Controls extends boolean>
  extends UseTimeoutFnOptions {
  /**
   * Expose more controls
   *
   * @default false
   */
  controls?: Controls
  /**
   * Callback on timeout
   */
  callback?: Fn
}
/**
 * Update value after a given time with controls.
 *
 * @see   {@link https://vueuse.dokyumento.jp/useTimeout}
 * @param interval
 * @param options
 */
export declare function useTimeout(
  interval?: MaybeRefOrGetter<number>,
  options?: UseTimeoutOptions<false>,
): ComputedRef<boolean>
export declare function useTimeout(
  interval: MaybeRefOrGetter<number>,
  options: UseTimeoutOptions<true>,
): {
  ready: ComputedRef<boolean>
} & Stoppable