gsap.getById()
返回值:Tween或者时间轴
与指定 ID 相关联的 tween 或 timeline。返回值是undefined
如果没有 tween 或 timeline 拥有该 ID。
细节
在创建一个 tween 或 timeline 时,你可以为其分配一个id
以便稍后可以引用它。这在使用 React 等框架和构建工具时特别有用,因为在这种情况下跟踪变量可能会比较困难。
gsap.to(obj, { id: "myTween", duration: 1, x: 100 });
//later
let tween = gsap.getById("myTween"); //returns the tween
tween.pause();
警告
GSAP 会在动画完成后不久自动释放动画以便进行垃圾回收,因此getById()
只能查找那些处于活动状态或尚未开始的动画。否则,如果为了以防你调用getById()
来查找某个动画而一直保留所有动画,可能会迅速堵塞系统并导致内存泄漏。如果你需要在动画完成后仍保持对该动画的引用,你应该像这样使用一个变量:
let myTween = gsap.to(obj, { duration: 1, x: 100 });
// later
myTween.pause();