useFrames

优质
小牛编辑
122浏览
2023-12-01
useFrames: Boolean 当设置为true时,这个时间轴的时间模式基于帧而不是秒,一般帧速约为16.66ms(60帧/秒)。
new TimelineMax({ useFrames: true,}); 
useFrames适用于TimelineMaxTimelineLite

useFrames的参数

useFrames 示例


基于帧

基于秒

.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返回值

useFrames的补充说明

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