제이쿼리 애니메이션 반복실행 채택완료
한번 쭉 실행 된 후에 반복 실행을 할려면 어떻게 해야 하나요?
</p><p><script></p><p>$(function(){</p><p><span style="white-space:pre"> </span></p><p><span style="white-space:pre"> </span>$("#animation .over1").fadeOut(5000);</p><p>
</p><p><span style="white-space:pre"> </span>$("#animation .over2").fadeIn(5000);</p><p>
</p><p><span style="white-space:pre"> </span>$("#animation .over3").fadeIn(5000);</p><p>
</p><p><span style="white-space:pre"> </span>$("#animation .over4").fadeIn(5000);</p><p><span style="white-space:pre"> </span></p><p><span style="white-space:pre"> </span>$("#animation .over4").fadeOut(2000);</p><p><span style="white-space:pre"> </span></p><p><span style="white-space:pre"> </span>$("#animation .over3").fadeIn(4000, function(){</p><p><span style="white-space:pre"> </span></p><p><span style="white-space:pre"> </span>$('#animation .over2').animate({</p><p><span style="white-space:pre"> </span> top:0,</p><p><span style="white-space:pre"> </span> left:-600</p><p><span style="white-space:pre"> </span>},1000, function(){</p><p><span style="white-space:pre"> </span></p><p><span style="white-space:pre"> </span>$("#animation .over5").fadeIn(1000, function(){</p><p>
</p><p><span style="white-space:pre"> </span>$("#animation .over6").delay(500).fadeIn(1000, function(){</p><p><span style="white-space:pre"> </span></p><p><span style="white-space:pre"> </span>$("#animation .over6").delay(3000).fadeOut(1000, function(){</p><p>
</p><p><span style="white-space:pre"> </span>});});});});});</p><p>
</p><p>
</p><p>});</p><p></script></p><p>
답변 2개
$(function(){
function ani() {
$("#animation .over1").fadeOut(5000);
$("#animation .over2").fadeIn(5000);
$("#animation .over3").fadeIn(5000);
$("#animation .over4").fadeIn(5000);
$("#animation .over4").fadeOut(2000);
$("#animation .over3").fadeIn(4000, function(){
$('#animation .over2').animate({
top:0,
left:-600
},1000, function(){
$("#animation .over5").fadeIn(1000, function(){
$("#animation .over6").delay(500).fadeIn(1000, function(){
$("#animation .over6").delay(3000).fadeOut(1000, function(){
ani();
});});});});});
}
ani();
});
이렇게 하면 되지 않을까요.
댓글을 작성하려면 로그인이 필요합니다.
setInterval 함수안에 넣어서 사용하면 됩니다.
</p><p>setInterval(function() {</p><p><span style="white-space:pre"> </span>// 사용자 코드</p><p>}, 3000); // 매 3초마다 반복 실행</p><p>
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인