Question

.addPause( position:*, callback:Function, params:Array, scope:* ) : *
在时间轴上添加一个暂停点。

//在2秒处添加一个暂停点
timeline.addPause(2);
 
//在"yourLabel"标签处添加一个暂停点
timeline.addPause("yourLabel");
 
//在"yourLabel"标签3秒后添加一个暂停点，暂停时触发yourFunction函数
timeline.addPause("yourLabel+=3", yourFunction);
//添加一个暂停点在时间轴4秒处，暂停时触发yourFunction函数并将参数"param1"和"param2"以及作用域传递给该函数。
timeline.addPause(4, yourFunction, ["param1", "param2"], this);

.addPause()适用于TimelineMaxTimelineLite

.addPause()的参数

参数	类型	必填	说明
position	*	否	添加暂停点的位置，可基于绝对时间(帧)、相对时间("+=" "-=")或其他标签("myLabel+=2")。 默认为"+=0"，在时间轴末尾
callback	Function	否	到达暂停点时触发的回调函数，default = null
params	Array	否	传递回调的参数数组。default = null
scope	*	否	回调调用的范围（一般代表函数中"this"指的是什么），default = null

.addPause() 示例

.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", 4, {x:500})
  .addPause("-=1",myFunction)
  .to(".box", 3, {y:200});

.addPause()返回值

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

.addPause()的补充说明