Image Swapperを使用した再帰

Question

私の再帰的タイムアウト機能がこれらの画像を1回だけ通過する理由がわかりません。 "else"ステートメントで変数 'n'をリセットしても、終了します。これの目的は、画像のzスコアを変更してそれらを取り替えることです。

var n = 0; 
window.onload = imageFade; 

function imageFade(){ 
    for(x=0; x<10; x++){ 
     document.getElementById("image" + x).style.zIndex = 0; 
    } 
    timeout(); 
} 

function timeout() { 
    setTimeout(function(){ 
     if(0 <= n <= 9){ 
      document.getElementById("image" + n).style.zIndex = 1; 
      n++; 
      timeout(); 
     }else{ 
      n=0; 
      timeout(); 
     } 
    }, 1000); 
} 

Answer 1

あなたはif条件

var n = 0; 
 
var t = 0; 
 
var timer = null; 
 
timeout(); 
 

 
function timeout() { 
 
    timer = setTimeout(function() { 
 
    if (n < 11) { 
 
     console.log(n); 
 
     ++n; 
 
     timeout(); 
 
    } else { 
 
     n = 0; 
 
     // call `clearTimeout(timer)` following five iterations of `0-10` 
 
     if (++t === 5) { 
 
     clearTimeout(timer); 
 
     return; 
 
     }; 
 
     timeout(); 
 
    } 
 
    }, n === 11 ? 0 :1000); 
 
}