0

要素を div に移動するためのアニメーションを作成します。div animate ok 、setInterval を使用してこのアニメーションを繰り返そうとすると問題が発生します。

私は自分のコードをここに置きます:

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

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

最初は正常に動作しますが、2番目は正常に動作しません.位置を変更した場合-関数をアニメーション化-表示しますが、繰り返しはありません.setIntervalで繰り返し繰り返しますが、うまくいきません.

よろしく

4

1 に答える 1

0

出発点に戻らないからだと思います。繰り返しアニメーションの例を次に示します。私はあなたのhtmlまたはcssを持っていないので、私は自分で作りました。デモでは500になるので、画面の外には出ません。

作業デモ

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);
});
于 2013-03-23T12:03:59.677 に答える