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 함수 재실행
반응형