JQuery无限动画

• Z时代
• 2024-01-10
• 分类：问答

我试图做一个无限的JQuery动画，但是这样做，只做一个动画并停止....我尝试使用setTimeout来解决它，但它没有奏效。 你知道为什么吗？JQuery无限动画

<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);` 

回答：

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); 

以上是 JQuery无限动画 的全部内容， 来源链接： utcz.com/qa/264185.html