jQuery如何每5秒触发一次相同的事件。

Question

我已经构建了一个带有左右滚动的简单走马灯。现在我想每5秒自动滚动一次。以下是我的代码：

function carousel(){
        $j('#carousel_ul li:first').before($j('#carousel_ul li:last'));

        $j('#right_scroll img').click(function(){

            var item_width = $j('#carousel_ul li').outerWidth() + 10;

            var left_indent = parseInt($j('#carousel_ul').css('left')) - item_width;

            $j('#carousel_ul:not(:animated)').animate({'left' : left_indent},800, 'easeOutExpo',function(){

                $j('#carousel_ul li:last').after($j('#carousel_ul li:first'));

                $j('#carousel_ul').css({'left' : '-750px'});
            });
        });

        $j('#left_scroll img').click(function(){

            var item_width = $j('#carousel_ul li').outerWidth() + 10;

            var left_indent = parseInt($j('#carousel_ul').css('left')) + item_width;

            $j('#carousel_ul:not(:animated)').animate({'left' : left_indent},800, 'easeOutExpo',function(){

            $j('#carousel_ul li:first').before($j('#carousel_ul li:last'));

            $j('#carousel_ul').css({'left' : '-750px'});
            });

        });
}

我该如何实现这个目标呢？提前感谢您的帮助。 :)

Mauro

- Mauro74

Answer 1

你可以使用 setInterval。看这里：

window.setInterval(event, 5000);

并且事件函数将会是

function event() {
 $j("#right_scroll img").click();
}

---

编辑：

谢谢 @cris！setTimeout 只调用一次。我改成了 setInterval。

谢谢 @bears！现在我将一个函数传递给 setInterval。

- Topera

---

setTimeout只会执行一次。setInterval会一遍又一遍地调用该函数...在这种情况下，setInterval更好。 - Gabriel

请不要将字符串传递给 setInterval 和 setTimeout！传递一个函数：setInterval(event, 5000); 和 setInterval(function () {$j("#right_scroll img").click();}, 5000); - Matt Ball

谢谢Topera！比我想象的要容易！ :) - Mauro74

Answer 2

var i = setInterval(carousel, 5000)

然后要停止它：

clearInterval(i);

- Chris

---

Cris，调用carousel只会重新绑定事件。你必须调用向右或向左滚动。 - Topera