루프 FadeIn FadeOut 무한

Question

무한대 반복이 필요합니다. 누구나 해결책을 말해 줄 수 있습니다.

function AnimeRate(x, z, w){ 
    x.fadeIn(2000, function(){ 
     x.fadeOut(2000, function(){ 
      z.fadeIn(2000, function(){ 
       z.fadeOut(2000, function(){ 
        w.fadeIn(2000); 
       }) 
      }) 
     }); 
    }); 
} 

감사

사용할 수

Answer 1

.promise(), .then(); 이동 AnimeRate.ready() 처리기의 내부 기능; 재귀 AnimeRate를 호출하기 전에 w 요소에 .fadeOut(0) 전화

$(document).ready(function() { 
    function AnimeRate() { 
    return w.fadeOut(0).promise().then(function() { 
     return x.fadeIn(2000).promise().then(function() { 
     return x.fadeOut(2000).promise().then(function() { 
      return z.fadeIn(2000).promise().then(function() { 
      return z.fadeOut(2000).promise().then(function() { 
       return w.fadeIn(2000).promise().then(function() { 
       this.fadeOut(0).promise().then(AnimeRate) 
       }); 
      }) 
      }) 
     }) 
     }) 
    })   
    } 

    var x = $('.excellent'); 
    var z = $('.tresBon'); 
    var w = $('.bon'); 
    $(x, z, w).fadeOut(0); 
    AnimeRate(); 
}); 

jsfiddle https://jsfiddle.net/9rn45k43/5/

의