Цикл элементов в репитере для отображения временной шкалы

Question

Я использую Timeline для анимации (Tweening) моих ретрансляторов. В ретрансляторе есть несколько элементов. Я хотел бы отображать первые три элемента на моей временной шкале, а затем следующие три элемента до конца всех элементов.

Повторите этот процесс, как только я закончил с элементами ретранслятора. Моя логика отображает все элементы и повторяется, как только она достигает конца, но я хотел бы сделать это для набора из трех. Есть ли у кого-нибудь предложения?

<script type="text/javascript"> 
    $(document).ready() { 
     CSSPlugin.defaultTransformPerspective = 600; 
     var t1 = new TimelineMax({ repeat: 1000, yoyo: true, repeatDelay: .5 }); 

      $('.tick').each(function (index, item) { 

       if (index == 0) { 
        t1.to(item, .3, { x: 20, ease: Back.easeOut }); 
        t1.to(item, 0.4, { x: 0, ease:Back.easeOut, opacity:50 }) 
       } 
       else { 

        t1.from(item, 0.7, { x: 100, rotationX: -90, transformOrigin: "50% 0px", ease: Back.easeOut }) 
       } 
      }); 
    }); 
    </script> 

Может кто-нибудь предложить мне, что было бы лучшим способом сделать это?

Answer 1

вы смотрели в функции обратного вызова TimelineMax в специальных свойств:

http://api.greensock.com/js/com/greensock/TimelineMax.html

если вы используете onRepeat обратного вызова .. функция может вызываться на каждом повторе

onRepeat: Функция - функция, которая должна вызываться каждый раз, когда временная шкала повторяется

onRepeatParams: Array - массив параметров для передачи функции onRepeat. Например, новый TimelineMax ({repeat: 3, onRepeat: myFunction, onRepeatParams: [mc, "param2"]}); Для самоссылки сроков экземпляра себя в одном из параметров, использование «{самого}», как: onRepeatParams: [ «{самого}», «param2»]

onRepeatScope: Object - определяет область функции onRepeat (что «это» означает внутри этой функции).

var t1 = new TimelineMax({ 
     repeat: 1000, 
     yoyo: true, 
     repeatDelay: .5, 
     onRepeat: myFunction, // use function or anonymous function(){} 
     onRepeatParams: [mc, "param2"] // pass parameters to onRepeat callback 
});