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
无论当前是否有任何补间或时间轴处于活跃状态。