ループフェードインフェードアウト無限

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/

の