테스트 사이트 - 개발 중인 베타 버전입니다

제이쿼리 애니메이션 반복 질문드립니다 ^^ 채택완료

용디자이너 8년 전 조회 5,701

$(function () {

    $(window).load(function () {

        $(".peopleImg").animate({

            "top": "100px"

        }, 1500);

        $(".main1>h2").delay(500).animate({

            "opacity": "1"

        }, 1000);

        $(".main1>h1").delay(1000).animate({

            "opacity": "1"

        }, 1000);

        $(".main1>.text").delay(1500).animate({

            "opacity": "1"

        }, 1000);

    });

});

해당 애니메이션을 반복해서 실행하고 싶은데 
혹시 고수님들 도와주실 수 있나요~?


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

답변 2개

채택된 답변
+20 포인트
굿
8년 전

 
    $(document).ready(function () {
 
      function loop() { 
   
        $(".main1>h1").css({"opacity": "1"}).stop().delay(1500).animate({

            "opacity": "0.1"

        }, 1000,loop);
     }
     function loop2() { 

          //....

     }
      loop();

      //loop2();
 
    }); 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

용디자이너
8년 전
도움주셔서 감사합니다 ^^

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

8년 전

아래와 같이 setInterval 로 애니메이션 코드 함수를 반복해주세요.

<script>

cnt=0;

 function a(){

 if(cnt<10){

  cnt++;

  alert(cnt);

  } else

    clearInterval(tid);

 }

  tid=setInterval(a,1000); //1초후 a함수 실행 - 재귀호출

</script> 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

용디자이너
8년 전
도움주셔서 감사합니다 ^^

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

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

로그인