스크립트 시작

스크립트 시작

QA

스크립트 시작

본문

<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

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);
답변을 작성하시기 전에 로그인 해주세요.
전체 15
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT