Timeline Repeat in another timeline

[RolandSoos]

Hey guys!

 

I have a repeated timeline, which goes forever. It is added between two tweens on the main timeline. It is logic what is do currently.

Plays the first tween

Then plays the inner timeline repeated forever

Never reaches the second tween on the main timeline.

 

My question is, is there a way to make the inner timeline to stop on next iteration and continue on the main timeline?

 

 

Something like this:

 

d.onclick = function(){
  tlRepeat.eventCallback('onRepeat', function(){
    tlRepeat.stop();
  });
};

See the Pen rabpGw by anon (@anon) on CodePen

[Diaco]

Hi RolandSoos 

 

pls try this :

tl.to(d, 1, {y: 100});
tl.add(tlRepeat);
tl.add("aftertlRepeat");// define a Label
tl.to(d, 1, {y:0});

d.onclick = function(){  
  tlRepeat.eventCallback('onRepeat', function(){  tlRepeat.pause();  tl.play("aftertlRepeat");  });
};

See the Pen NPmXLx by MAW (@MAW) on CodePen

[RolandSoos]

Well, thank you! I should have thought for this one