跳过主要内容

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();
无噪 Logo
无噪文档
中文文档 · 复刻官网
查看所有 ↗