채택완료

제이쿼리 애니메이션 반복실행

2017-09-26 (화) 15:04:25 6,214

한번 쭉 실행 된 후에 반복 실행을 할려면 어떻게 해야 하나요?

Copy
<script>$(function(){		$("#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(){	});});});});});});</script>
|

답변 2개

채택된 답변
+20 포인트

<script>

$(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();

});

</script>

이렇게 하면 되지 않을까요.

2017-09-26 (화) 15:13:49

setInterval 함수안에 넣어서 사용하면 됩니다.

Copy
setInterval(function() {	// 사용자 코드}, 3000); // 매 3초마다 반복 실행

답변을 작성하려면 로그인이 필요합니다.