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()
在这个补间动画上,它将在下一次渲染时重新解析起始/结束值,从而导致它从x
100 动画到 200。
当你使时间轴无效时,它会自动使其所有子项无效。
注意:如果你只是想在每次补间重复时都执行 invalidate(),你可以使用repeatRefresh: true
特殊属性。
使无效