Pause / Continue Timeline

[friendlygiraffe]

Can anyone explain why the call to pauseTL is triggered when sending the playhead to a label that's placed after it? I want it to ignore the call, and skip straight to the "continue" label

 

You can see it working as desired when commenting out the //tl.seek("continue"); line:

var tl = new TimelineMax({repeat:-1, repeatDelay:2})

tl.to("#circle", 1, {x:400})
.call(pauseTL)
.add("continue")
.to("#circle", 1, {y:100})

function pauseTL(){
    console.log("pauseTL");
    tl.pause();
}

function start() {
    console.log("continue");
    tl.seek("continue");   
    tl.play();  
} 

Thanks

See the Pen BLVayO by friendlygiraffe (@friendlygiraffe) on CodePen

[Jonathan]

Hello friendlygiraffe

 

Sorry your having an issue, please stand by while we look into this behavior.

 

And thank you for the codepen, very helpful, Please standby

[friendlygiraffe]

Figured it out, if anyone's interested.

 

Needed to suppress events:

tl.seek("continue", false); 

Can anyone explain why the call to pauseTL is triggered when sending the playhead to a label that's placed after it? I want it to ignore the call, and skip straight to the "continue" label

 

You can see it working as desired when commenting out the //tl.seek("continue"); line:

var tl = new TimelineMax({repeat:-1, repeatDelay:2})

tl.to("#circle", 1, {x:400})
.call(pauseTL)
.add("continue")
.to("#circle", 1, {y:100})

function pauseTL(){
    console.log("pauseTL");
    tl.pause();
}

function start() {
    console.log("continue");
    tl.seek("continue");   
    tl.play();  
} 

Thanks