일정 시간이 지난 후 div를 바꿉니다.

Question

Javascript 또는 JQuery를 사용하여 페이지를로드 한 후 20 초를 교체하려고합니다. 즉, div A가 먼저 표시되고 20 초 후에 div B로 바뀝니다.

분명히 회전 애니메이션이 아닙니다. 스왑은 페이지가로드 된 후 설정된 간격으로 한 번만 발생하며 최종 사용자와 더 이상 상호 작용하지 않습니다. 스왑이 다시 발생하는 유일한 방법은 페이지가 다시로드 된 경우입니다.

누군가 나를 올바른 방향으로 안내 할 수 있습니까? 문서 준비 핸들러에서이 같은

Answer 1

뭔가 :

$("#divA").delay(20000).fadeOut(function() { 
    $("#divB").fadeIn(); 
    $(this).remove(); 
}); 

처음에 두 번째 사업부를 숨길 일부 CSS로 :

#divB { display : none; } 

데모 : http://jsfiddle.net/N3tdd/

분명히

적절한 어떤 선택기 사용 코드에 div 규칙을 숨기고 싶지 않거나 숨기고 싶지 않다면 위의 코드 앞에 $("#divB").hide();을 추가하면됩니다. .