court

It is still happening, from what Im seeing it only happens when I switch tabs on my browser (I use chrome).

Success, thanks!!! Overtime it comes to a halt though, not sure how to bypass that.. link: http://codepen.io/anon/pen/yAtip EDIT: Overtime it comes to a halt though, not sure how to bypass that, added link

For this example: http://codepen.io/anon/pen/yAtip The code below controls the yellowBox which obviously is not working correctly, any recommendations? thanks tl.add(TweenMax.to(yellowBox, time, { left: "25px", top: "0px", ease:"Linear.easeNone", onComplete:callback, onCompleteParams:["{self}"] }),1); function callback(tween) { //hide the yellow box TweenLite.set(tween.target, {visibility:"hidden"}); //set the delay to repeat the tween after 2 seconds TweenLite.delayedCall(2, function() { TweenLite.set(tween.target, {visibility:"visible"}); tween.restart(); }); }

Rodrigo, been playing around with your recommendation and here is what I get: http://codepen.io/anon/pen/yAtip thanks!

is this what you guys meant: http://codepen.io/anon/pen/yAtip If so, it doesnt not work since the function doesnt get called until it repeats, I need the hidden effect to happen just like with the onComplete.

for this example: http://codepen.io/anon/pen/yAtip when tweening yellowBox I have an onComplete function; it doesnt get executed. On my code I place and console.log and nothing, whats going on?? thanks!

found repeatDelay: to work..sorry for this

for this example: http://codepen.io/anon/pen/yAtip I need it to delay after yellow tween, cant find the method for delay after tween. thanks all

Do you have to declare the tl as new TimelineLite(); or can I still use new TimelineMax ty EDIT: was able to get it to work, just had some syntax issue, thanks!

In this example: http://codepen.io/anon/pen/yAtip I need the red and blue to continue repeating without having to wait for the yellow to end, any recommendations? thanks all

Success, thanks!

Example: http://codepen.io/anon/pen/yAtip I need them to tween at the same time, is this possible? ty all

http://codepen.io/anon/pen/owqGn Sorry to be such a pain in the ass, was not able to get it to work. Its pretty short and straight forward, not sure how to debug on codePen. If you can check it out and see if you can get it working, Ill let you know what is going wrong on my project thanks..

function tweenFunction(options){ TweenLite.to(element, timer, {left: left, top: top, ease:"Linear.easeNone", delay: delay, onComplete: function(){ animateLeft = options.animateLeft || false; callLeft = options.callLeft || false; if(animateLeft) {options.callLeft()} }, }); } function leftGroup() { var timer = 2.5; var adjustedTime = 1.25; tweenFunction({element: assetA, leftVal: "38px", topVal: "121px", timer: timer, animateLeft: true, callLeft: LeftAssets}); function LeftAssets() { tweenFunction({element: hydrogenB, leftVal: "116px", topVal: "39px", timer: timer}); //timer: adjustedTime tweenFunction({element: hydrogenA, leftVal: "116px", topVal: "39px", timer: adjustedTime }); } I simplified what I am doing to make it simpler to post here (I might of missed something on the syntax, but my code runs just fine). Basically I have a function that takes in objects that moves stuff aroud (I call these assets). In the LeftAssets function assetB and assetC must run off different timers (timer, adjustedTime). My problem is that when I set the different timers the tween that uses adjustedTime runs a couple of times and then settles in the tween position; the other one continues tweening normally. Not sure what is even causing this problem. Hope I made sense.. thanks all