onStart

onStart: Function
当动画开始渲染时执行此事件函数,有可能会被执行多次,因为动画是可以重复开始的。
TweenMax.to('.box', 2, {
    x: 500,
    onStart:function(){
        ...
    }
});
onStart适用于TweenMaxTweenLite

onStart效果展示

  • HTML
  • CSS
  • JS
  • 展示

.box {
    width:50px;
    height:50px;
    border-radius:6px;
    margin-top:4px;
    display:inline-block
  }
.green{
    background-color:#6fb936;
  }
panel= document.getElementById("panel");
i=1;
tween=TweenMax.to('.box', 2, {
    x: 500,
    delay: 2,
    onStart:function(){
        panel.innerHTML='动画开始了'+i;
        i++;
    }
});
restartBtn = document.getElementById("restartBtn"),
restartBtn.onclick = function() {tween.restart();}
重播

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