.addPause()
优质
小牛编辑
134浏览
2023-12-01
.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()返回值
返回该时间轴以便链式调用。