[a lot of TweenMax reset and repeat]

success like this

 

 

<script type="text/javascript">
      $(document).ready(function() {
        var visual03 = function() {
          var $con_03_mobile = $('.top_con .motion_mobile')
            , $con_03_01 = $('.con_03 .motion01')
            , $con_03_02 = $('.con_03 .motion02')
            , $con_03_03 = $('.con_03 .motion03')
            , $con_03_04 = $('.con_03 .motion04')
            , $con_03_05 = $('.con_03 .motion05')
            , $dim1 = $('.con_03 .dim1')
            , $dim2 = $('.con_03 .dim2')
            function resetAll() {
              timeLine01.pause(0);
              timeLine01.restart(1);
            }
            var timeLine01 = new TimelineMax();
            timeLine01.to($con_03_02, 0.8, {x:'8px', y: '8px', ease: Power2.easeIn, onComplete: function(){
              timeLine01.to($dim1, 0.5, {opacity:0.8, ease: Power2.easeIn, delay: 0.2, onComplete: function(){
              }});
              timeLine01.fromTo($con_03_03, 0.4, {x:'8px', y:'374'}, {x:'8px',y:'8px', ease: Power2.ease,delay: 0.2, onComplete: function(){
                timeLine01.fromTo($con_03_03, 0.2, {opacity:'1'}, {opacity:0, ease: Power2.ease, delay: 0.3, onComplete: function(){
                }});
                timeLine01.fromTo($con_03_04, 0.4, {x:'8px', y:'150'}, {x:'8px',y:'8px', ease: Power2.easeIn, onComplete: function(){
                  timeLine01.to($con_03_05, 0.5, {opacity:1, ease: Power2.ease, delay: 0.5, onComplete: function(){
                    TweenMax.delayedCall(0.6, resetAll);
                  }});
                }});
              }});
            }});
      }

});

 

[a lot of TweenMax reset and repeat]

Hello!
I don't speak English well ..

I have a question using TweenMax I'm asking the right question here?

 

I want Controlling a lot of TweenMax in my project

 

I want visual() function run -> reset 

I want to Infinite repeat this function

 

Please help me. I am a beginner. ?

 

 

I made the code like this.  ⬇️

 

 

<script type="text/javascript">
      $(document).ready(function() {
        var visual= function() {
           var $con_03_mobile = $('.top_con .motion_mobile')
             , $con_03_01 = $('.con_03 .motion01')
             , $con_03_02 = $('.con_03 .motion02')
             , $con_03_03 = $('.con_03 .motion03')
             , $con_03_04 = $('.con_03 .motion04')
             , $con_03_05 = $('.con_03 .motion05')
             , $dim1 = $('.con_03 .dim1')
             , $dim2 = $('.con_03 .dim2')
             , $mask = $('.con_03 .mask')
             , $mask2 = $('.con_03 .mask2')

             function a5(){
               TweenMax.fromTo($con_03_04, 0.6, {x:'8px', y:'184'}, {x:'8px',y:'8px', ease: Power2.easeIn, onComplete: function(){
                 TweenMax.fromTo($con_03_05, 0.3, {opacity:'0'}, {opacity:1, ease: Power2.easeIn, onComplete: function(){
                 }});
               }});
               TweenMax.fromTo($con_03_04, 0.1, {opacity:'0'}, {opacity:1, ease: Power2.easeIn, onComplete: function(){
               }});
             }
            function a4(){
              TweenMax.fromTo($dim1, 0.5, {opacity:'0'}, {opacity:0.8, ease: Power2.easeIn, onComplete: function(){
              }});
              TweenMax.fromTo($con_03_03, 0.7, {x:'8px', y:'184'}, {x:'8px',y:'8px', ease: Power2.easeIn, onComplete: function(){
                TweenMax.fromTo($con_03_03, 0.3, {opacity:'1'}, {opacity:0, ease: Power2.easeIn, onComplete: function(){
                }});
                setTimeout(a5, 100)
              }});
              TweenMax.fromTo($con_03_03, 0.1, {opacity:'0'}, {opacity:1, ease: Power2.easeIn, onComplete: function(){
              }});
            }
            TweenMax.fromTo($con_03_02, 0.8, {x:'200', y:'0'}, {x:'8px',y:'8px', ease: Power2.ease, onComplete: function(){
              setTimeout(a4, 200)
            }});
      }

});