Do not assign TimelineMax() to variable. Is correct?

[Victor Work 152 Likes (Specialist)]

Hello GSAPers, I would use something like:

$el.click(() => {
  new TimelineMax()
  .to(...)
}

Is correct or disruptive in performance

[Dipscom 2,815 Likes (Superhero)]

All it means is that a new timeline will be created every time you trigger the click event and it will not be held in memory.

 

So, unless you're passing in new parameters every time, there's no particular reason to do so. You can create the timeline once and only replay it on click.

 

Having said that, there's nothing really bad or wrong by creating a " throwaway" timeline like that.

 

Performance-wise.... Unless you are triggering thousands upon thousand of clicks or looping and creating thousands upon thousands of calculations on that one click, there's no real perceivable difference in performance.

[Victor Work 152 Likes (Specialist)]

Thanks Sir @Dipscom