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