useTimeout

分类

动画

导出大小

402 B

上次更改

7 个月前

在给定时间后更新值，并带有控制功能。

演示

源代码演练场 (测试版)

就绪: false

用法

import { useTimeout
 } from '@vueuse/core'

const ready
 = useTimeout
(1000)

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

import { promiseTimeout
 } from '@vueuse/core'

console
.log
(ready.value) // false

await promiseTimeout
(1200)

console
.log
(ready.value) // true

类型声明

export interface UseTimeoutOptions
<Controls
 extends boolean>
  extends UseTimeoutFnOptions {
  /**
   * Expose more controls
   *
   * @default false
   */
  controls
?: Controls

  /**
   * Callback on timeout
   */
  callback
?: Fn

}
export type UseTimoutReturn
 =
  | ComputedRef
<boolean>
  | ({
      readonly ready
: ComputedRef
<boolean>
    } & Stoppable
)
/**
 * Update value after a given time with controls.
 *
 * @see   {@link https://vueuse.org.cn/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