.addCallback()

.addCallback( callback:Function, position:*, params:Array, scope:* ) : TimelineMax
在特定位置插入回调函数。
.addCallback()适用于TimelineMax

.addCallback()的参数

参数 类型 必填 说明
callback Function 是 要执行的函数
position * 否 插入回调函数的位置。秒或帧或标签，默认为"+=0" 。例如：
myTimeline.addCallback(myFunction, 3); //添加到3秒钟处
myTimeline.addCallback(myFunction, "myLabel"); //添加到"myLabel" 标签处
myTimeline.addCallback(myFunction, "+=2"); //添加到时间轴末尾后2秒处
params Array 否 传递回调的参数数组。default = null
scope * 否 回调调用的范围（基本上代表函数中"this"指的是什么），default = null

.addCallback()效果展示

  • HTML
  • CSS
  • JS
  • 展示


.box {
    width:50px;
    height:50px;
    border-radius:6px;
    margin-top:4px;
  }
.green{
    background-color:#6fb936;
  }
panel= document.getElementById("panel");
myFunction = function(){
  panel.innerHTML='函数触发了！';
}

var tm = new TimelineMax();
tm.to(".box", 5, {x:500})
  .addCallback(myFunction,"-=4");

console.log(tm.getChildren());
重播

.addCallback()返回值

返回该时间轴以便链式调用。

.addCallback()的补充说明

回调函数可以被认为是一个持续时间为0的动画，因此如果你使用getChildren()，将会为每个回调函数返回一个动画(tween)，你可以通过这些动画的vars.onComplete的内容并且duration 为零来识别出这些回调函数。

如果你想将回调追加到时间轴的末尾，那么使用call() 方法会更简洁 。此外，add() 方法也可以添加回调，但 add() 不接受参数。

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

TimelineMax API