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

스크립트 시작 채택완료

gogogo123 6년 전 조회 2,439

<script>

 playAlert = setInterval(function() {
    $(".move_t").fadeIn().animate({top:"40%",opacity:1},1000);//1000
    $(".move_t").delay(2000).fadeOut().css({top:"30%"});//3000
    $(".move_b").delay(2000).fadeOut();

    $(".slide_bg").delay(2000).fadeIn();//5000
    setTimeout(function() { 
        $("#intro_video").get(0).play(); 
    }, 1500);//x
    $(".slide_bg").delay(2000).fadeOut();//7000

    $(".move_222").delay(4300).fadeIn().animate({top:"0%"},2500);//9500
    $(".move_222").delay(500).fadeOut().css({top:"-10%"});
    $(".move_b").delay(5300).fadeIn();
}, 9500); 
</script>

 

위의 소스로 전체의 애니메이션이 반복되는 것처럼 만들었는데요.

 

 

페이지에 들어갔을때 바로 실행이 되지 않고, 마지막에 적용한 9500의 시간 뒤에 정상적으로 무한 반복(반복내용은 정상)합니다...

페이지에 들어가자마자 실행되게 할수없나요...ㅠㅠㅠ???

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

답변 1개

채택된 답변
+20 포인트
세크티
6년 전
function loop_action() {
    $(".move_t").fadeIn().animate({top:"40%",opacity:1},1000);//1000
    $(".move_t").delay(2000).fadeOut().css({top:"30%"});//3000
    $(".move_b").delay(2000).fadeOut();

    $(".slide_bg").delay(2000).fadeIn();//5000
    setTimeout(function() {
        $("#intro_video").get(0).play();
    }, 1500);//x
    $(".slide_bg").delay(2000).fadeOut();//7000

    $(".move_222").delay(4300).fadeIn().animate({top:"0%"},2500);//9500
    $(".move_222").delay(500).fadeOut().css({top:"-10%"});
    $(".move_b").delay(5300).fadeIn();
}
loop_action();
playAlert = setInterval(loop_action, 9500);
로그인 후 평가할 수 있습니다

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

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

로그인