JQuery 스크립트가 루프를 달성 할 수 없습니다.

Question

이 스크립트를 반복하려고하는데, 그럴 수 없습니다.

$(document).ready(function inout() { 
    $('#review1').fadeIn(1500).delay(3500).fadeOut(1500); 
    $('#review2').delay(3500).fadeIn(1500).delay(3500) 
    }); 

Answer 1

당신이 fadeIn, 다음 페이드 아웃, fadeIn, 당신이 이런 식으로 작업을 수행 할 수 있습니다 사이의 지연과 다음 페이드 아웃에 다음 review2에 review1합니다;

$(document).ready(function inout() { 
    function cycle() { 
     $('#review1').fadeIn(1500).delay(3500).fadeOut(1500, function() { 
      $('#review2').delay(3500).fadeIn(1500).delay(3500).fadeOut(1500, function() { 
       setTimeout(cycle, 1500); 
      }); 
     }); 
    } 

    cycle(); 
}); 

이렇게하면 별도의 애니메이션을 연결하여 다른 애니메이션이 완료된 후 시작되도록 jQuery 애니메이션 완성 기능을 사용합니다. 이것은 비동기 애니메이션이므로 일반 순차 프로그래밍을 사용할 수 없습니다.