jquery'de gecikme süresi nasıl ayarlanır?

Question

JQuery kodum için gecikme süresi ayarlamak istiyorum ??????????????????????????????????????

<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> 

Bu CSS geçerli::

Bu

HTML biçimlendirme olduğunu

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

#fade1.on { 
    opacity: 1; 
} 

Bu jQuery kodudur:

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

Answer 1

İstediğin tahmin ediyorum eklenmesi geciktirmek css sınıfı. JavaScript en setTimeout deneyebilirsiniz() yöntemi:

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

Answer 2

Neden sadece Javascript setTimeout() Yöntem kullanmıyorsun?

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