duration picked at random from array not working

[antialias]

I'm trying to get an animation duration set to a random selection from an array of durations. In this codepen the animation finds the array index that is initialized, but doesn't choose a new duration on repeat.

See the Pen LrWaLR by joesnow (@joesnow) on CodePen

[GreenSock]

Well, you've got an infinitely repeating TimelineMax, so the onComplete will never fire (since the timeline never ends). You can just use an onRepeat instead.

 

I assume you meant something like this, right?: 

var durations = [1.0, 3.5, 0.5, 4.75, 3.25, 1.333, 2.666, 4.125, 1.2];

var index = 3 ;

var mouth = new TimelineMax({repeat:-1 , onRepeat:
  function(){ 
    index = (Math.floor((Math.random()*durations.length)));
    console.log(durations[index]);
    mouth.duration(durations[index]);
    }
  });

mouth.from("#profile", (durations[index]), {clip:"rect(0px 100px 100px 100px)"});