跳过主要内容

invalidate

invalidate():self

[覆盖] 清除任何内部记录的起始/结束值,如果你想重新启动动画而不恢复到之前记录的起始值,这会很有用。

返回值:self

self(便于链式调用)

细节

清除所有初始化数据(如记录的起始/结束值),如果例如你希望重新启动补间动画而不恢复到之前记录的起始值,这会很有用。invalidate()当你vars动画时,在下次渲染时它将被重新初始化,并且其

对象将重新解析。动画的时间(持续时间、开始时间、延迟)不会受到影响。element.x比如说gsap.to(element, {duration: 2, x: "+=100"})是 0,然后你restart()创建一个从 0 补间到 100 的补间动画,持续时间为 2 秒。如果你

但现在假设在这个补间动画运行一次后,你希望刷新内部记录的起始/结束值,以便 x 值可以在当前位置基础上再增加 100现在的位置(在此示例中是 100)。如果我们现在调用invalidate()在这个补间动画上,它将在下一次渲染时重新解析起始/结束值,从而导致它从x100 动画到 200。

当你使时间轴无效时,它会自动使其所有子项无效。

注意:如果你只是想在每次补间重复时都执行 invalidate(),你可以使用repeatRefresh: true特殊属性。

使无效

加载中...

无噪 Logo
无噪文档
中文文档 · 复刻官网
查看所有 ↗