on compete of staggerTo

[gareth 8 Likes (Newbie)]

I have a text animation that shows one word at a time. Is there a way I can fire a function at the end of each staggerTo (i.e each paragraph?)

 

This is what I have: 

 

tl.staggerTo(mySplitText.words, speed, {display:'block',repeat:1,yoyo:true}, speed*2,endOf)

function endOf() {
  console.log ('end of paragraph')
}

 

See the Pen wrXwra by garethj (@garethj) on CodePen

[mikel 1,823 Likes (Superhero)]

Hi @gareth,

 

This could be a way ...

 

See the Pen 741e3ab4de1b92f3aa91e2b195da8037 by mikeK (@mikeK) on CodePen

 

Happy tweening

Mikel

[Carl 9,066 Likes (Superhero)]

Great solution by @mikel, which sparked and idea to use a jQuery forEach loop 

 

See the Pen Yrjemg?editors=1010 by GreenSock (@GreenSock) on CodePen

 

[gareth 8 Likes (Newbie)]

amazing, thank you both. I have made a small update to yours @Carl so we do not need jquery. 

 

See the Pen YrOWOK by garethj (@garethj) on CodePen