跳过主要内容

isActive

isActive( ) : Boolean

表示动画当前是否处于活动状态(意味着虚拟播放头正在此实例的时间范围内主动移动,并且未暂停,也没有其祖先时间线被暂停)。

返回值:布尔值

返回true如果补间动画处于激活状态,则返回false否则。

细节

指示当前动画是否处于活动状态(意味着虚拟的播放头正在此实例的时间范围内主动移动,并且它未被暂停,其父级时间轴也未被暂停)。例如,如果一个补间动画正在进行中,那么它是活动的;但在它完成之后(或尚未开始之前),它就不是活动的。活动的。如果它被暂停了,或者它被放置在一个被暂停的时间轴中(或者其任何父级时间轴被暂停),isActive()将会返回false。如果播放头直接位于动画的起始时间点上(即使尚未完全渲染),这也被视为“活动状态”。

你也可以检查timeline.progress()或者timeline.totalProgress(),但这些方法不考虑暂停状态或父级时间轴播放头的位置。

在下面的演示中,我们使用isActive()以确保在补间动画处于活动状态时不能更改其方向。反复点击切换补间方向按钮,可以看到当方块移动时点击操作将被忽略。

加载中...

要获取所有当前活动的 GSAP 补间动画数组,请使用gsap.globalTimeline.getChildren().filter(tween => tween.isActive()).