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

        });
}

我如何实现这一目标？在此先感谢：）

莫罗

Answer 1

您可以使用setInterval。看：

window.setInterval(event, 5000);

功能事件将是

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

修改

Tks @cris！ setTimeout只调用一次。我改为setInterval。

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

Answer 2

var i = setInterval(carousel, 5000)

稍后停止：

clearInterval(i);

jquery如何每5秒触发同一事件

2 个答案: