스크립트 시작
본문
<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);
답변을 작성하시기 전에 로그인 해주세요.
