Jump to content
Search Community

Tweens added to timeline doesn't adhere delay?

mrsam test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Im currently trying to add tweens created in a .each loop to a paused timeline so that I can initiate that timeline whenever I want.


I succeed in adding the tweens to the timeline, but it doesnt seem that the timeline adhere possible delays from the tweens - when playing the timeline it goes veryyyyyyyyyyyyyyy slow.


To see my wished tweening without the timeline applied you can go to:



To see my slow timeline go here:



Any tips on how I can get the timeline approach working in the pace I want and from adding the tweens within the .each loop?


Some code (from the fiddle) attempting with the timeline add:


var animBlock = new TimelineMax({paused: true});

    var that = $(this);
    var thisBlock = that.find(".block-item");
    var thisBlockPullLeft = thisBlock.hasClass("pull-left");
    var thisH3 = $(this).find("h3");
    var thisParagraf = that.find("p");

    if(thisBlockPullLeft) {
        animBlock.add(TweenMax.from(thisH3, 0.8, {
            delay: delayDurationHello,
            autoAlpha: 0,
            paused: false
    } else {
        animBlock.add(TweenMax.from(thisH3, 0.8, {
            delay: delayDurationHello,
            autoAlpha: 0,
            paused: false
    animBlock.add(TweenMax.from(thisParagraf, 0.8, {
        delay: delayDurationParagraf,
        autoAlpha: 0,
    delayDurationHello += 0.4;
    delayDurationParagraf += 0.6;


Link to comment
Share on other sites

Hi mrsam :)


pls try this :

function EO(N){return N&1}; // check value is even/odd

animBlock = new TimelineMax({paused:true});

$(".block-container .block").each(function(index){


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

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...