지연 JQuery 효과

Question

몇 초 후에 요소와 모든 자식 요소를 페이드 아웃하고 싶습니다. 하지만 특정 시간 지연 후에 효과가 시작되도록 지정하는 방법을 찾지 못했습니다.

Answer 1

setTimeout(function() { $('#foo').fadeOut(); }, 5000); 

5000은 밀리 초 단위로 5 초입니다.

Answer 2

fadeTo() 메서드를 사용하고 5 초 지연을 설정하여 setTimeout을 사용하지 않아도됩니다.

$("#mainImage").pause(5000).fadeOut(); 

참고 :

$("#hideAfterFiveSeconds").click(function(){ 
    $(this).fadeTo(5000,1,function(){ 
    $(this).fadeOut("slow"); 
    }); 
}); 

Answer 3

내가이 일시 정지 플러그인 난 그냥

$.fn.pause = function(duration) { 
    $(this).animate({ dummy: 1 }, duration); 
    return this; 
}; 

전화를 같이

을 썼다 사용하면 콜백이 필요하지 않습니다.

---

편집 : 이제 jQuery 1.4. built in delay() 방법을 사용해야합니다. 나는 체크하지 않았지만 나는 나의 플러그인보다 더 '더 똑똑한'것이라고 생각한다.

Answer 4

나는 지연을 체인에 추가 할 수 있도록 플러그인을 작성했습니다.

예를 들어 $ ('# div') .fadeOut(). 지연 (5000) .fadeIn(); // 요소를 페이드 아웃하고 5 초간 기다리십시오. 요소를 다시 페이드합니다.

애니메이션 해킹이나 과도한 콜백 체인을 사용하지 않고 간단하고 간단한 코드 만 사용합니다.

http://blindsignals.com/index.php/2009/07/jquery-delay/

Answer 5

은 이전에 당신은 당신이 이미 요소 불투명도 일이 있기 때문에 첫 번째 애니메이션은 아무것도되지 않습니다

$('#foo').animate({opacity: 1},1000).fadeOut('slow'); 

뭔가를 할 것이다, 그러나 그것은 시간의 양에 대한 일시 정지 것 .

jQuery 1.4에서는 위와 같은 해킹을 사용하지 않으므로 프레임 워크에 jQuery 1.4가 내장되어 있습니다. .

$('#foo').delay(1000).fadeOut('slow'); 

기능은 원래 jQuery.delay() 플러그인 가장 좋은 방법은 jQuery를 지연 방법을 사용하는 것입니다 http://www.evanbot.com/article/jquery-delay-plugin/4

Answer 6

과 동일합니다 :

$ ('#의 MY_ID') 지연 (2000). fadeOut (2000);