跳过主要内容

timeScale

timeScale(value:Number):[Number | self]

用于在动画中缩放时间的因子,其中1 = 正常速度(默认值),0.5 = 半速,2 = 双倍速度,依此类推。

参数

  • : 数值

    (默认值 =NaN) - 如果省略参数,则返回当前值(getter);如果提供参数,则设置值(setter),并返回实例自身以方便链式调用。

返回值:[数字 | 自身实例]

省略参数将返回当前值(getter),而定义参数将设置值(setter)并返回实例本身以便于链式调用。

细节

用于缩放动画时间的因子,1 表示正常速度(默认值),0.5 表示半速,2 表示双倍速度,-1 表示以正常速度反向播放,以此类推。例如,如果一个动画的duration为 2,而它的timeScale为 0.5,则它将花费 4 秒钟完成。如果你将该动画嵌套在一个其timeScale也为 0.5 的时间轴中,则它将花费 8 秒钟完成。你甚至可以对timeScale进行动画处理,以逐渐减慢或加快它的速度。

此方法同时具备 getter 和 setter 的功能。省略参数时返回当前值(getter),而传入参数时则设置值(setter)并返回实例自身以便于链式调用,例如:myAnimation.timeScale(2).play(1);

//gets current timeScale
var currentTimeScale = tl.timeScale();

//sets timeScale to half-speed
tl.timeScale(0.5);
无噪 Logo
无噪文档
中文文档 · 复刻官网
查看所有 ↗