jQuery 和重复动画

Question

我为将元素移动到 div 创建动画，div 动画正常，当我尝试使用 setInterval 重复此动画时出现问题

我把我的代码放在这里：

$("#header").fadeIn(100, function() {
    $(this).animate({
        'left': '-1600'
    }, 8000);
});

var interval = setInterval(function() {
    $("#header").fadeIn(100, function() {
        $(this).animate({
            'left': '-1600'
        }, 8000);
    });
}, 10000);

第一个工作正常，但第二个不行，如果我改变位置 - 动画功能 - 显示但没有重复，我想在其他时间使用 setInterval 重复但对我不起作用，但是我需要使用其他功能并且没有 setInterval .. ...

问候

Answer 1

我相信这是因为它永远不会回到起点。这是一个重复动画的例子。我没有你的html或css，所以我自己做了。在演示中，它会变为 500，因此不会超出屏幕范围。

Working Demo

Javascript：

$(function() {
    $("#header").fadeIn(100, function() {
        console.log('go!');
        $(this).animate({
            'left': '-1600'
        }, 8000);
    });

    setInterval(function() {
        $("#header").css('left','0').fadeIn(100, function() {
            $(this).animate({
                'left': '-1600'
            }, 8000);
        });
    }, 10000);
});