isActive
isActive( ) : Boolean
表示动画当前是否处于活动状态(意味着虚拟播放头正在此实例的时间范围内主动移动,并且未暂停,也没有其祖先时间线被暂停)。
返回值:布尔值
返回true
如果补间动画处于激活状态,则返回false
否则。
细节
指示当前动画是否处于活动状态(意味着虚拟的播放头正在此实例的时间范围内主动移动,并且它未被暂停,其父级时间轴也未被暂停)。例如,如果一个补间动画正在进行中,那么它是活动的;但在它完成之后(或尚未开始之前),它就不是活动的。有活动的。如果它被暂停了,或者它被放置在一个被暂停的时间轴中(或者其任何父级时间轴被暂停),isActive()
将会返回false
。如果播放头直接位于动画的起始时间点上(即使尚未完全渲染),这也被视为“活动状态”。
你也可以检查timeline.progress()
或者timeline.totalProgress()
,但这些方法不考虑暂停状态或父级时间轴播放头的位置。
在下面的演示中,我们使用isActive()
以确保在补间动画处于活动状态时不能更改其方向。反复点击切换补间方向按钮,可以看到当方块移动时点击操作将被忽略。
加载中...
要获取所有当前活动的 GSAP 补间动画数组,请使用gsap.globalTimeline.getChildren().filter(tween => tween.isActive())
.