How to add delay when .play() is called?

[iamacatperson 0 Likes (Newbie)]

Is it possible to delay the start of animation when the .play() method is invoked?

 

E.g.

 

I have an animation that is paused:

 

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

    tlAnim
      .from($intro, 0.5, {css:{scale: 0}, ease: Power2.easeOut})
      .from($img, 1.5, {opacity: 0, rotation: -180, ease: Power4.easeOut});     

At a later part, when .play() is called, I don't want the animation to start right away. Maybe there's a .50 seconds delay before it starts. Do I add something to the .play() method? Or do I indicate it inside the tlAnim timeline?

 

[PointC 8,599 Likes (Superhero)]

Hi iamacatperson 

 

The easiest way to make that happen is by adding a delay to the timeline:

tlAnim = new TimelineMax({paused:true, delay:0.5});

Happy tweening.