A delay on Reverse timeline resets to 0 after a second reverse?

[omarel]

I have a timeline that runs. When you click a replay link the timeline reverses and then replays. I wanted to add a slight delay only right after the timeline gets reversed and the timeline replays. It works great when you click replay the first time, you can see the delay, but when you click replay one more time, the delay disappears and the replay happens instantly.

 

How can I stop this delay from disappearing? 

 

(Please click replay twice to see the difference) The delay is on the last line in my js file.

function restartAnim() {
	tl.restart().timeScale(speedOfAnim).delay(1);
}

 

 

See the Pen xMVbZR by omarel (@omarel) on CodePen

Edited January 26, 2019 by omarel
more context

[omarel]

hmm, a search led me to a form answer explaining that initial delay goes away after it runs once so it won't come back.

 

I'm wondering how to solve this. I guess I can add a delay to the first item in the timeline and the delay will happen all the time, but what if i want 0 delay when it first runs, and only that recurring delay on all repeated timelines...

 

src:

 

[GreenSock]

The restart() method accepts an "includeDelay" parameter (boolean), so all you need to do is change one line:
 

//OLD/BAD:
tl.restart().timeScale(speedOfAnim).delay(1);

//NEW/GOOD:
tl.timeScale(speedOfAnim).delay(1).restart(true);

 

Docs: https://greensock.com/docs/TweenLite/restart() 

 

Does that help? 

[omarel]

Wow. Yes. Perfect!! Thank you. That will come in handy.