Loop FadeIn FadeOut Infinite

Question

Ich muss unendlich diese Funktion wiederholen, kann mir jemand eine Lösung sagen.

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

Dank

Answer 1

Sie .promise() verwenden können, .then(); Bewegung AnimeRate Funktion innerhalb von .ready() Handler; .fadeOut(0) auf w Element aufrufen, bevor rekursiv 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/