获取子元素 getChildren()
返回一个数组,包含此时间线中嵌套的所有补间和/或时间线,符合提供的 criteria。回调(延迟调用)被视为零持续时间的补间。
方法签名
typescript
getChildren(nested: Boolean, tweens: Boolean, timelines: Boolean, startTime: Number): Array返回一个数组,包含此时间线中嵌套的所有补间和/或时间线。
参数(Parameters)
nested: Boolean
- 是否包括嵌套的时间线和补间。
tweens: Boolean
- 是否包括补间。
timelines: Boolean
- 是否包括时间线。
startTime: Number(可选)
- 起始时间,用于过滤在指定时间之后开始的补间和时间线。
返回值(Returns)
- Array
- 包含匹配的补间和时间线的数组。
详细信息(Details)
例如:
javascript
// 首先,设置一个主时间线和嵌套时间线:
var master = gsap.timeline({ defaults: { duration: 1 } }),
nested = gsap.timeline();
// 在嵌套时间线中放入2个补间
nested.to("#e1", { duration: 1, x: 100 }).to("#e2", { duration: 2, y: 200 });
// 在主时间线中放入3个补间
master
.to("#e3", { top: 200 })
.to("#e4", { left: 100 })
.to("#e5", { backgroundColor: "red" });
// 嵌套时间线:
master.add(nested);
// 获取主时间线的直接子元素:
var children = master.getChildren(false, true, true);
console.log(children.length); // "3"(2个补间和1个时间线)
// 获取所有在0.5秒后发生的补间/时间线(包括嵌套的):
children = master.getChildren(true, true, true, 0.5);
console.log(children.length); // "5"(4个补间和1个时间线)
// 只获取主时间线的补间(包括嵌套的补间):
children = master.getChildren(true, true, false);
console.log(children.length); // "5"(5个补间)