TweenMax.globalTimeScale()

优质

小牛编辑

118浏览

2023-12-01

TweenMax.globalTimeScale( value:Number ) :
用来读取或设置所有动画的全局播放速率，例如1为正常速度，0.5为一半速度，2为2倍速度，能取的最小值为0.0001。

TweenMax.globalTimeScale(0.5); //半速运行
TweenMax.globalTimeScale(2); //2倍速率运行
var currentTimeScale = TweenMax.globalTimeScale(); //获取当前的全局速率

TweenMax.globalTimeScale()适用于TweenMax

TweenMax.globalTimeScale()的参数

参数	类型	必填	说明
value	Number	否	影响所有动画的乘数，1为正常速度，0.5为半速，2为双倍速度等。省略参数将返回当前值（getter），而定义参数则设置值（setter）。

.box {
    width:50px;
    height:50px;
    border-radius:6px;
    margin-top:4px;
  }
.green{
    background-color:#6fb936;
  }

TweenMax.globalTimeScale(0.2);
var myTween = TweenMax.to(".box", 1, {
  x: 500,
})

上例中虽然设置了动画为1秒，但是由于全局速率设置为减慢至0.2，因此动画实际运行了5秒。
与.timeScale()不同的是，.timeScale()设置的是单个动画的速率。