.restart()

.restart( includeDelay:Boolean, suppressEvents:Boolean ) : *
重新开始动画/重头开始。
//略去delay马上重新开始
myAnimation.restart();
 
//包含delay重新开始,并且不抑制事件触发
myAnimation.restart(true, false);
返回self,方便链式设置
.restart()适用于TweenMaxTweenLite

.restart()的参数

参数名 类型 必填 说明
includeDelay Boolean 设置重新开始动画时是否包含延迟(如果有),例如动画 new TweenLite(mc, 2, {x:100, delay:1});
当你restart(),他会略过delay马上开始。如果是restart(true),则会有1秒的延迟。默认false。
suppressEvents Boolean 如果true(默认值),当播放头移动到新位置时,不会触发任何事件或回调。

.restart()效果展示

  • HTML
  • CSS
  • JS
  • 展示
body {
	background-color: #f8f8f8;
	font-size: 16px;
}
#demo {
	width: 692px;
	height: 60px;
        background-color: #333;
	padding: 8px;
	margin-bottom: 10px;
}
.box {
	width: 50px;
	height: 50px;
	border-radius: 6px;
	margin-top: 4px;
	display: inline-block;
	position: absolute;
}
.green {
	background-color: #6fb936;
}
input[type="button"] {
	-webkit-appearance: button;
	padding: 8px;
	margin-right: 5px;
	margin-bottom: 5px;
}
box = document.getElementById("box"),
restartBtn = document.getElementById("restartBtn"),
restartBtn2 = document.getElementById("restartBtn2"),
tween = TweenLite.to(box, 6, {left:"632px",delay:2});

restartBtn.onclick = function() {
    //重新开始.
    tween.restart();
}
restartBtn2.onclick = function() {
    //重新开始.
    tween.restart(true);
}
重播

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