4

左右にスクロールするシンプルなカルーセルを作成しました。今、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'});
            });

        });
}

どうすればそれを達成できますか?前もって感謝します :)

マウロ

4

2 に答える 2

12
var i = setInterval(carousel, 5000)

そして後でそれを止めるために:

clearInterval(i);
于 2010-08-23T17:02:44.120 に答える
12

setIntervalを使用できます。見て:

window.setInterval(event, 5000);

そして関数イベントは

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

編集:

Tks @cris!setTimeoutは1回だけ呼び出します。setIntervalに変更しました。

Tks @bears!次に、関数をsetIntervalに渡します。

于 2010-08-23T17:02:02.513 に答える