跳过主要内容

哟哟(yoyo)

哟哟(yoyo)(值:布尔):[布尔 | 自身]

获取或设置补间的来回播放状态,为 true 时会使补间来回反复播放,每次重复时在反向和正向之间交替。

参数

  • :布尔值

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

返回值:[布尔值 | 自身]

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

细节

获取或设置补间动画的yoyo状态,其中true使补间动画来回播放,在每次repeat. yoyorepeat配合使用,repeat控制补间动画重复的次数,并且yoyo控制每次重复时是否交替方向。因此,要使一个补间动画来回播放,必须将其repeat设置为非零值。来回播放对补间动画的reversed属性。

例如,如果repeat是 2 并且yoyo设置为false,看起来就像:起点 - 1 - 2 - 3 - 1 - 2 - 3 - 1 - 2 - 3 - 终点。但如果设置为yoyo设置为true,看起来就像:起点 - 1 - 2 - 3 - 3 - 2 - 1 - 1 - 2 - 3 - 终点。

你可以通过传递yoyo属性初始传入时yoyo: truevars参数设置初始重复值,例如:gsap.to(obj, {duration: 1, x: 100, repeat: 1, yoyo: true});

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

//gets current yoyo state
var yoyo = myAnimation.yoyo();

//sets yoyo to true
myAnimation.yoyo(true);
无噪 Logo
无噪文档
中文文档 · 复刻官网
查看所有 ↗