자바 스크립트에서 3 번만 특정 코드를 실행해야합니다.

Question

jquery로 슬라이딩을 움직여야합니다. 그러나 단지 3 번. 나는이 코드를 썼다. 그러나 이것은 3 번 이상입니다. 문제를 수정하거나 다른 코드를 알려주십시오. 미리 감사드립니다.

$(document).ready (function() { 
    var i=0; 
    while (i<3) {      
     $('a.nextbtn').click (function() { 
      $('ul.post-cat-sliding').stop().animate({"left": "-=596"},1500); 
     }); 
     i++; 
    } 
}); 

는 또한 내가 .. 내가 돌아 가야 이전 버튼 슬라이드를 클릭 그래서 만약 이전 버튼이 있습니다.

Answer 1

현재 코드를 사용하면 세 번의 클릭으로 제한하지 않고 하나의 버튼으로 3 회의 클릭 이벤트를 실제로 연결하고 있습니다. 따라서 현재 코드를 사용하면 슬라이더가 한 번의 클릭으로 3 개의 슬라이드를 전달할 것입니다.

아래 - 아래 코드를 사용해보십시오 :

$(document).ready (function() { 
    var i=0; 
    $('a.nextbtn').click (function() { 
     if(i < 3) { 
     $('ul.post-cat-sliding').stop().animate({"left": "-=596"},1500); 
     i++; 
     } 
    }); 
}); 

Answer 2

내가 대신 루프를 사용하십시오 :

$(document).ready(function(){ 
    $('a.nextbtn').click (function(){ 
     for(var i = 0; i<3;i++) 
     { 
      $('ul.post-cat-sliding').stop().animate({"left": "-=596"},1500); 
     } 
    }); 
}); 

편집 : 나는 게시물을 읽을 때에만 루프와 conserned되었다. nextbtn을 클릭했을 때 애니메이션을 3 번 실행하려면 위 코드를 사용해야합니다. 코드를 다시 사용할 수 있습니다 a.prevbtn

Answer 3

for(var i = 0; i < 3; i++) 힘이 너무 자세한 것 같다.

은 아마 당신은 이러한 접근 방식의 일부를 같은 수 있습니다

for(i in [1,2,3]){ 
    console.log('three times') 
} 

또는

for(i in new Array(3).fill()){ 
    console.log('three times') 
} 

또는`단지 3 times`을 의미합니까 무엇

for(i in '...'.split('')){ 
    console.log('three times') 
}