'FadeIn'と 'FadeOut'が機能しません

Question

私はjQueryを使用できないため、機能しないため、なぜFadeInとFadeOutという2つの関数を作成しました。徐々に不透明度を0または1に設定します。これはコード：

function fadeIn(el){ 
    var val = 0; 
    document.getElementById(el).style.opacity = val; 
    function fade(){ 
     val += .1; 
     document.getElementById(el).style.opacity = val; 
     if (val < 1){ 
      setTimeout(fade(), 90); 
     } 
    } 
    fade(); 
} 

function fadeOut(el){ 
    var val = 1; 
    document.getElementById(el).style.opacity = val; 
    function fade(){ 
     val -= .1; 
     document.getElementById(el).style.opacity = val; 
     if (val > 0){ 
      setTimeout(fade(), 90); 
     } 
    } 
    fade(); 
} 

Answer 1

あなたは非常に近くでした。最初の引数としてfadeの代わりにfade()を指定すると、その関数が呼び出され、setTimeout()は何もしません。これはうまくいくはずです：

function fadeIn(el){ 
    var val = 0; 
    document.getElementById(el).style.opacity = val; 
    function fade(){ 
     val += .1; 
     document.getElementById(el).style.opacity = val; 
     if (val < 1){ 
      setTimeout(fade, 90); // A Small fix to your code 
     } 
    } 
    fade(); 
} 

​​も同様に固定されます。