2013-11-09 2 views
0

아래 코드는 사용자가 페이지의 특정 지점으로 스크롤 할 때 상자가 튀어 나오게합니다 ... 16 초가 경과 할 때까지 슬라이더를 표시하지 않을 수 있습니까?어떻게 이것을 지연시켜 16 초가 경과 할 때까지 보여주지 않습니까?

<script type="text/javascript"> 
$(function() { 
    $(window).scroll(function(){ 
     var distanceTop = $('#last').offset().top - $(window).height(); 

     if ($(window).scrollTop() > distanceTop) 
      $('#slidebox').animate({'right':'0px'},300); 
     else 
      $('#slidebox').stop(true).animate({'right':'-430px'},100); 
    }); 

    $('#slidebox .close').bind('click',function(){ 
     $(this).parent().remove(); 
    }); 
}); 
</script> 

답변

1

당신이 setTimeout

setTimeout(function(){ 
$('#slidebox').animate({'right':'0px'},300); 
},1000*16); 
+0

하여 작업을 수행 할 수 있습니다 그냥 이것을 시도하고 완벽하게 일! 고맙습니다! 매우 도움이된다! – user2972047

+0

이 모든 것이 완벽하게 작동합니다. ? ... 거기에 "OPT OUT"이라고하는 버튼/링크를 추가하는 방법이 있습니까? 이것을 클릭하면 사용자에게 슬라이더가 더 이상 표시되지 않습니다. – user2972047

+0

예 OUTPUT 버튼의 hide() 메소드 onclick을 사용할 수 있습니다. –

관련 문제