javascript - jQuery setInterval 不循环

Question

我有一个要循环的函数。我发现最简单的方法是使用 setInterval。当我尝试这个时，该功能只运行一次。请告知我哪里出错了。干杯

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

setInterval(empMove, 2000);

我有一个包含多行的 div，我想一次只显示一个，因此我每次都在减少 margin-top。

Answer 1

当前代码将上边距设置为 -100px。尝试

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

Answer 2

我强烈推荐jQuery 计时插件 (2KB) ( GitHub Repository , Docs )。

它提供了易于使用的循环动画等等。看一看：

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

在小提琴上行动