GSAP - GSAP属性:gsap.globalTimeline

一、gsap.globalTimeline

1.类型:Timeline

gsap.globalTimeline是根时间轴实例,能够驱动GSAP中的一切。只要设置一次便能够以其强大的方式影响所有动画。然而请记住,gsap.delayedCalls()在技术上也是补间。所有当你使用globalTimeline调用pause()或者timeScale()方法,它也会影响delayedCalls()。如果想了解更多,请查看gsap.exportRoot()

二、使用方法

  • gsap.globalTimeline.pause():暂停全局时间轴,这将影响所有的动画,并且返回自身实例。
  • gsap.globalTimeline.play():继续执行全局时间轴,这将影响所有的动画,并且返回自身实例。
  • gsap.globalTimeline.paused():返回全局时间轴是否已经暂停,如果已经暂停返回true,如果未暂停(正在执行中)则返回false。
  • gsap.globalTimeline.timeScale():获取或设置全局时间刻度的比例,会影响所有动画。这实际上并没有设置每个补间/时间轴的timeScale(),而是影响根时间轴播放的速率(该时间轴包含所有其他动画),这是一个全局加速或者减慢动画的好办法。代码示例如下:
gsap.globalTimeline.timeScale(0.5); //动画速率设置为正常速率的一半
gsap.globalTimeline.timeScale(2); //动画速率设置为正常速率的2倍
var currentTimeScale = gsap.globalTimeline.timeScale(); //返回当前的全局时间轴对象实例

三、注意:

  • 请注意,由于全局时间轴用于运行所有其他补间和时间轴,gsap.globalTimeline.isActive()将总是返回true,不管是否有任何补间或时间线的状态是激活状态。

你可能感兴趣的:(GSAP - GSAP属性:gsap.globalTimeline)