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

     }); 
} 

어떻게 구현합니까? 사전에 감사합니다 :)

마우로

Answer 1

당신은 setInterval을 사용할 수 있습니다. 봐 :

TKS의 @cris :

window.setInterval(event, 5000); 

그리고 기능 이벤트가

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

이

---

편집 될 것입니다! setTimeout은 한 번만 호출합니다. setInterval로 변경되었습니다.

Tks @bears! 이제 setInterval에 함수를 전달합니다.

Answer 2

var i = setInterval(carousel, 5000) 

그리고 나중에 중지 :

clearInterval(i);