greensock TweenMax javascript - 杀死循环补间

Pap*_*eau 0 javascript tween greensock tweenmax

我创建了使用循环吐温使用GreenSock的JavaScript和我使用的功能也得到了循环,也许这不是循环的最佳方式,如果你知道一个更好的方法请咨询,但基本上当我尝试用这种方法杀吐温,它不起作用.

我的代码:

var dvdTween;
function playDVD()
{
 dvdTween = TweenMax.to($("#bigDVD"), 4, {css:{rotation:+1440, transformOrigin:"150px 150px"},ease:Expo.easeNone, delay:7, onComplete:playDVD});
}
Run Code Online (Sandbox Code Playgroud)

///稍后在我调用的函数中

dvdTween.kill(); /// but this does nothing. 
Run Code Online (Sandbox Code Playgroud)

再次,有可能是循环更好的方式补间,这可能是我的问题,但截至目前该补间不断打电话后,我"杀"它的功能.

感谢您的提示和帮助.

Jac*_*ack 6

你的代码应该确实有用 - 我很乐意看到一组示例文件显示它不起作用.我想知道你是否遇到了范围问题 - 你确定"dvdTween"在你调用它的上下文中引用了补间吗?尝试添加onCompleteScope:这到你的补间.

另外两个提示:

1)您可以通过设置repeat:-1无限循环TweenMax,如:

TweenMax.to($("#bigDVD"), 4, {css:{rotation:1440}, repeat:-1}); 
Run Code Online (Sandbox Code Playgroud)

2)您可以使用TweenMax.killTweensOf()来杀死特定对象的所有补间:

TweenMax.killTweensOf($("#bigDVD"));
Run Code Online (Sandbox Code Playgroud)