2013-12-11 2 views
0

좋아요, 그래서 문자 배열을 가지고 있으며 한 번에 하나씩 표시하려고합니다. 배열 중 하나를 추가하고, 페이드, 대기,

$.each(characterarray, function(index, value){ 
    $("div").fadeOut(300).delay(10).append(value).fadeIn(300); 
}); 

을 그래서 그 대신 페이드 ​​아웃의 그것은 것

: 이것은 내가 사용하려고 해요 코드입니다. 페이드 아웃, 잠깐, 모든 추가 내가

alert(value); 

를 사용하면 배열합니다.

에 페이드는 각 문자에 대한 경고를 적용 할 것입니다,하지만 난 노력 경우는 한 번에 배열의 모든 것을 보여줄 것입니다 추가 할 수 있습니다.

+1

대신, 하나의 애니메이션을 시작하는 더 나은, 그리고 그것을 줄 것이라고 루프의 모든 애니메이션을 시작 다음 콜백 함수를 시작하는 콜백 함수 등. – Barmar

답변

2

루프는 지연을 증가 할 것이다, 즉시 완료

$.each(characterarray, function(index, value){ 
    $("div").delay(index*1000).fadeOut(300, function() { 
     $(this).append(value).delay(10).fadeIn(300); 
    }); 
}); 

FIDDLE

+0

fx 대기열을 사용하는 대체 솔루션 : http://jsfiddle.net/hL9UB/2/ 나는 당신의 생각을 선호한다고 생각합니다. –

+0

나는 adeneo로 그 중 하나를 시도했지만, 게시물의 코드가 작동하지 않습니다. 어떤 이유로 모든 코드가 실행될 때까지 페이지가 비어있는 상태로 유지되고 그 결과가 모두 사라집니다. 한 번에 한 문자 씩 수행하는 대신에 (그 말이 맞는 경우) Fiddle 코드가 작동하지만 각 문자에 대해 새 div 대신 한 div를 사용할 수 있습니까? –

+0

@ 임의 시민 - 잘 모르겠지만 이런 식으로 - http://jsfiddle.net/hL9UB/3/ – adeneo

관련 문제