[jQuery] 딜레이주기 .delay();, setTimeout();

jQuery에서 애니메이션을 주고 delay를 주고 난 후에 다른 애니메이션을 진행하고 싶은 경우가 있다.

그럴 때는
$("div").fadeIn(1000).delay(1000).fadeOut(1000);

이렇게 할 경우에는 div를 1초동안 점점 나타나게 한 후, 1초동안 기다렸다가 1초동안 점점 사라지게 하는 소스이다.

만약 여러가지 jQuery를 한번에 딜레이를 주고싶다면
setTimeout();을 사용하면 된다.

사용법은 간단하다.

setTimeout(function() { 
    $('div').fadeIn(200); 
    $('div').animate({marginLeft: '380px'}, 200); 
}, 200);
를  0.2초동안 점점나타나게 하고 margin-left를 380px를 준다 라는 의미다.

그걸 setTimeout으로 감싸고 맨 뒤에 숫자를 넣어주면
0.2초 후에 위에 소스를 진행해라 라는 뜻이다.