JQuery бесконечная анимация

Question

Я пытаюсь сделать бесконечную анимацию JQuery, но это всего лишь 1 анимация и остановка .... Я пытаюсь использовать setTimeout для ее разрешения, но это не сработало. Знаете почему?

<div class="row"> 
    <div id="homeAnimation"> 
     <div id="A">soins</div> 
     <div id="B">formation</div> 
     <div id="C">contact</div> 
    </div> 
</div> 

function anim(selector, firstDelay) { 
console.log(selector); 
$(selector).animate({ 
    'margin-left':'100%' 
}, 0).delay(firstDelay) 
.animate({ 
      'margin-left': '50%', 
      'transform: scale':'2' 
     }, 1000).delay(2000) 
     .animate({ 
      'margin-left': '-7%', 
      'transform: scale':'1' 
     }, 1000); 
     return; 
    } 
    setTimeout(anim("#homeAnimation #A", 0 * 8000), 10000); 
    setTimeout(anim("#homeAnimation #B", 1 * 8000), 10000); 
    setTimeout(anim("#homeAnimation #C", 2 * 8000), 10000);` 

Answer 1

Я сделал это бесконечное:

function anim(selector, firstDelay) { 
    console.log(selector); 
    $(selector).animate({ 
     'margin-left':'100%' 
    }, 0).delay(firstDelay) 
    .animate({ 
       'margin-left': '50%', 
       'transform: scale':'2' 
      }, 1000).delay(2000) 
      .animate({ 
       'margin-left': '-7%', 
       'transform: scale':'1' 
      }, 1000); 
      return; 
     } 
     setTimeout(anim("#homeAnimation #A", 0 * 8000), 100000); 
     setTimeout(anim("#homeAnimation #B", 1 * 8000), 100000); 
     setTimeout(anim("#homeAnimation #C", 2 * 8000), 100000);