javascript - jQuerysetIntervalがループしていません

Question

ループしたい関数があります。これを行う最も簡単な方法は、setIntervalを使用することでした。これを試したところ、関数は1回しか実行されません。私がどこで間違っているのか教えてください。乾杯

function empMove() { $('.emp-wrap').css('margin-top', '-100px')};

setInterval(empMove, 2000);

複数の行を持つdivがあり、一度に1つだけ表示したいので、毎回マージントップを減らしています。

Answer 1

現在のコードでは、上マージンを -100px に設定しています。試す

function empMove() { $('.emp-wrap').css('margin-top', '-=100')};

Answer 2

jQueryタイミングプラグイン（2KB）（GitHubリポジトリ、ドキュメント）を強くお勧めします。

使いやすいループアニメーションなどを提供します。見てください：

function empMove() { 

    $('.emp-wrap').css('margin-top', '-=100px').repeat().wait(2000);
};

Answer 3

function displayOnly() {
    var initHeight = $('.wrapper').height();
    $('.wrapper').height(initHeight);
    $('p').not('.read').fadeOut(2000, function () {
        if ($(this).is(':last-child')) {
            $('.wrapper').animate({
                height: $('.inner').height()
            }, 2000);
        }
    });
}

$("button").click(displayOnly);

フィドルでのアクション