.addPause()

.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()效果展示

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

.addPause()返回值

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

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

TimelineMax API