<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 함수 재실행
반응형
'JAVASCRIPT&JQUERY' 카테고리의 다른 글
[javascript] select option 홈페이지 이동기능 (0) | 2020.02.01 |
---|---|
[javascript] select로 탭메뉴 만들기 (0) | 2020.01.29 |
탭기능구현 (addClass / removeClass) (0) | 2019.07.10 |
mega menu, full wide dropdown menu (0) | 2019.03.11 |
fade slide (0) | 2018.07.13 |