jqueryで遅延時間を設定するには？

Question

私のjqueryコードの遅延時間を設定したい?????????????????????????????????????????????

これは、HTMLマークアップです：

<div class="fleft process" id="fade1" > 
    <div class="dot-circle row m0"> 
     <div class="icon-circle row m0"> 
      <img src="img/people.png" alt="people" > 
       <div class="row m0 hover-text"> 
       Smart Ideas<br>Steady Growth 
       </div> 
     </div> 
    </div> 
    <div class="row m0">1. People</div> 

これはCSSです：

#fade1 { 
    position: relative; 
    right: 0; 
    opacity: 0; 
    transition: all 0.5s linear; 
} 

#fade1.on { 
    opacity: 1; 
} 

これは、jQueryのコードです：

$(function() { 
    $(window).scroll(function() { 
    if ($(window).scrollTop() > 2300) 
     $("#fade1").delay(3000).addClass('on'); 
    else 
     $("#fade1").removeClass('on'); 
    }); 
}); 

Answer 1

私はあなたが欲しい推測していますの追加を遅らせるCSSクラス。あなたは、単にJavascript setTimeout()メソッドを使用していないのはなぜ

$(function() { 
    $(window).scroll(function() { 
    if ($(window).scrollTop() > 2300){ 
     setTimeout($("#fade1").addClass('on'), 3000); 
    } else { 
     setTimeout($("#fade1").removeClass('on'), 3000); 
    } 
}); 
}); 

Answer 2

：あなたはjavascriptののsetTimeout（）方法を試みることができますか？あなたが何かを遅らせるためにしようとしているところ、私は表示されません

$(function() { 
    $(window).scroll(function() { 
    if ($(window).scrollTop() > 2300){ 
     setTimeout(function(){ 
      $("#fade1").addClass('on'); 
     }, 3000); 
    }else{ 
     $("#fade1").removeClass('on'); 
    } 
    }); 
});