Motion Vue

useTime

useTime 返回一个运动值，该值每帧更新一次，表示自首次创建以来的持续时间（以毫秒为单位）。

这在生成永久动画方面特别有用。

const time = useTime()
const rotate = useTransform(time, [0, 4000], [0, 360], { clamp: false })

<Motion :style="{ rotate }" />

使用

import { useTime } from 'motion-v'

当调用时，useTime 将创建一个新的运动值。此值将每帧更新自创建以来的时间。

您可以直接使用，也可以与其他运动值钩子组合使用。

const time = useTime()
const rotate = useTransform(time, [0, 4000], [0, 360], { clamp: false })
useSpring
useTransform