.call()

.call( callback:Function, params:Array, scope:*, position:* ) : *
在时间轴的末尾（或position位置）增加一个回调函数，作用类似于add( TweenLite.delayedCall(...) ) ，以下代码效果大致相同： 
myTimeline.add( TweenLite.delayedCall(0, myFunction, ["param1", "param2"]) );
myTimeline.call(myFunction, ["param1", "param2"]);
call与onComplete的区别在于，onComplete会在时间轴全部完成后触发，而call会在设定时的时间轴末端触发。
例如你的时间轴长为1秒，那么call设置的函数会在1秒时触发。这时你增加了一个1秒的动画使时间轴变成了2秒，call函数还是在1秒时触发，而onComplete则会在2秒时触发。

使用position设置函数触发时间点： 
tl.call(func, ["param1"]);  //添加到时间轴末端
tl.call(func, ["param1"], this, 2);  //添加到时间轴2秒处(绝对位置)
tl.call(func, ["param1"], this, "+=2");  //添加到时间轴后2秒处(相对位置)
tl.call(func, ["param1"], this, "myLabel");  //添加至标签"myLabel"处
tl.call(func, ["param1"], this, "myLabel+=2");  //添加至标签"myLabel"后2秒处
.call()适用于TimelineMaxTimelineLite

.call()的参数

参数 类型 必填 说明
callback Function 是 要执行的函数
params Array 否 传递回调的参数数组。default = null
scope * 否 回调调用的范围（基本上代表函数中"this"指的是什么），default = null
position * 否 插入回调函数的位置。秒或帧或标签，默认为"+=0" 。例如：

.call()效果展示

  • HTML
  • CSS
  • JS
  • 展示


.box {
    width:50px;
    height:50px;
    border-radius:6px;
    margin-top:4px;
  }
.green{
    background-color:#6fb936;
  }
var tm = new TimelineMax();
tm.to(".box", 5, {x: 500}).call(myFunction, null, this, "-=4");

panel= document.getElementById("panel");
function myFunction(){
    panel.innerHTML='函数触发了！';
}
重播

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

  • 上一篇：没有了
  • 下一篇：.clear()

TimelineMax API