Timeline label event

[amihanya]

Hi,

I using TimelineMax and i use lot off labels, I want to know when label enter (start or finish), how can i know this?

[Carl]

The API does not currently support any events related to when the playhead reaches a label.

 

You can add callbacks at labels using call() or add()

 

var tl = new TimelineMax()


tl.to("#redBox", 0.5, {x:550})
  //add a callback at label named blueBegin using call(function, parameters, scope, position)
  .call(getLabel, ["custom messge"], null, "blueBegin")
  .to("#blueBox", 1, {x:550})
  .add("blueHalfway", "-=0.5")
  //add a callback using add(function, position) // use this if you don't need parameters or scope
  .add(getLabel, "blueHalfway")


function getLabel(message) {
  alert(message + " / " + tl.currentLabel())
}

 

 

 

http://codepen.io/GreenSock/pen/aOZEPy?editors=001

[amihanya]

Great, thank you. 

I think the events and listeners will be able to help the developers.