채택완료

스크립트 시작

2019-06-27 (목) 17:26:17 2,651

<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 포인트
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);

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