onUpdate

onUpdate: Function
当时间轴变化时(动画进行中的每一帧)不停的触发此函数。
new TimelineMax({onUpdate: myFunction});
onUpdate适用于TimelineMaxTimelineLite

onUpdate效果展示

  • HTML
  • CSS
  • JS
  • 展示
.box {
    width:50px;
    height:50px;
    border-radius:6px;
    margin-top:4px;
    display:inline-block
  }
.green{
    background-color:#6fb936;
  }
var tm= new TimelineMax({delay: 1, onUpdate: onUpdate})
tm.to('.box', 2, {x: 500});
panel = document.getElementById("panel");
i = 0;
function onUpdate(){
  panel.innerHTML = '函数触发了'+ i + '次';
  i++;
}
重播

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