JAVASCRIPT&JQUERY

슬라이드 setInterval, clearInterval

vbsic5 2018. 7. 4. 22:56

<script>

var auto=setInterval(nextBtn,2000); // 우측으로 이동하는 함수 setInterval 2초

        

        $(".slide").hover(   // mouseenter + mouseleave

            function(){ //mouseenter일 때

           clearInterval(auto); // 변수 auto에 저장된 자동슬라이드 setInterval을 지운다.

        }, 

            function(){   //mouseleave일 때

          auto=setInterval(nextBtn,2000);// 변수 auto에 자동슬라이드 setInterval을 다시 저장준다(var auto 아님)

        }

        );

<script>



hover : 자동 슬라이드 멈춤

mouseleave : nextBtn 함수 재실행


반응형