boucle FadeIn FadeOut infini

Question

Je dois répéter l'infini cette fonction ne quelqu'un peut me dire une solution.

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

Merci

Answer 1

Vous pouvez utiliser .promise(), .then(); déplacer AnimeRate fonction à l'intérieur de .ready() gestionnaire; appeler .fadeOut(0) sur l'élément w avant d'appeler récursive AnimeRate

$(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/