useFrames

useFrames: Boolean
当设置为true时，这个时间轴的时间模式基于帧而不是秒，一般帧速约为16.66ms（60帧/秒）。
new TimelineMax({ useFrames: true,});
useFrames适用于TimelineMaxTimelineLite

useFrames效果展示

  • HTML
  • CSS
  • JS
  • 展示


基于帧




基于秒
.box {
    width:50px;
    height:50px;
    border-radius:6px;
    margin-top:4px;
}
.green{
    background-color:#6fb936;
}
.orange {
  background-color:#f38630;
}
var tm = new TimelineMax({useFrames: true, delay: 60});
tm.to(".green", 300, {x:500})
var tm2 = new TimelineMax({delay: 1});
tm2.to(".orange", 5, {x:500})
重播

useFrames的补充说明

一个动画的时间模式通常是由其父时间轴决定。可通过TweenMax.ticker.fps(10);设置帧速。帧速不能超过60

转载原创文章请注明：文章转载自：TweenMax中文网 [https://www.tweenmax.com.cn]
本文地址：https://www.tweenmax.com.cn/api/timelinemax/useFrames

TimelineMax API