javascript - 使用 setInterval 移动轮播

Question

我正在尝试使用以下代码每秒移动轮播元素:

function moveCarousel(){
        var x = $('.carousel_title.active');
        var next = x.next();
        x.removeClass('active');
        next.addClass('active');

    }

    setInterval(moveCarousel(),1000);

但有两件事似乎出了问题:

1. 第一个周期立即发生
2. 没有进一步的循环发生

我哪里做错了？

Answer 1

你应该去掉最后一行的大括号

function moveCarousel()
{
        var x = $('.carousel_title.active');
        var next = x.next();
        x.removeClass('active');
        next.addClass('active');

    }

    setInterval(moveCarousel,1000);

在这种情况下，您将一个函数 (moveCarousel) 传递给另一个函数 (setInterval)，因此该函数不会被执行(这就是大括号的含义) for) 但要像对象一样传递。

您的原始代码将 undefined (因为 moveCarousel 不返回任何内容)传递给 setInterval 函数 - setInterval 将函数作为第一个参数 - 而不是 未定义

你也可以这样做:

setInterval(function () { moveCarousel(); }, 1000);

在其中构造一个匿名函数来调用 moveCarousel。