跳过主要内容

gsap.globalTimeline()

类型:时间轴

gsap.globalTimeline这是驱动GSAP中一切内容的根时间轴实例,使其成为一次性影响所有动画的强大方式。但是请注意,gsap.delayedCalls()从技术上讲也是补间动画,因此如果你pause()(暂停)或者timeScale()(时间缩放)操作 globalTimeline,它也会影响 delayedCalls()。如果你想排除这些,请查看gsap.exportRoot().

有用的方法

  • gsap.globalTimeline.pause()- 暂停全局时间轴,这会影响到所有动画。返回自身。

  • gsap.globalTimeline.play()- 恢复全局时间轴,这会影响到所有动画。返回自身。

  • gsap.globalTimeline.paused()- 返回true如果全局时间轴处于暂停状态。返回false如果全局时间轴正在播放。

  • gsap.globalTimeline.timeScale()- 获取或设置全局时间缩放比例,这是一个乘数,影响到所有动画。这并不会实际设置timeScale()每个单独的补间/时间轴的时间缩放比例,而是影响根时间轴的播放速率(该时间轴包含所有其他动画)。这是一种一次性全局加快或减慢所有动画速度的好方法。例如:

gsap.globalTimeline.timeScale(0.5); //plays at half-speed
gsap.globalTimeline.timeScale(2); //plays twice the normal speed
var currentTimeScale = gsap.globalTimeline.timeScale(); //returns the current global timeScale

注意事项

  • 请注意,由于全局时间轴用于运行所有其他补间和时间轴,gsap.globalTimeline.isActive()将始终返回true无论当前是否有任何补间或时间轴处于活跃状态。
无噪 Logo
无噪文档
中文文档 · 复刻官网
查看所有 ↗