제이쿼리 애니메이션 반복실행
본문
한번 쭉 실행 된 후에 반복 실행을 할려면 어떻게 해야 하나요?
<script>
$(function(){
$("#animation .over1").fadeOut(5000);
$("#animation .over2").fadeIn(5000);
$("#animation .over3").fadeIn(5000);
$("#animation .over4").fadeIn(5000);
$("#animation .over4").fadeOut(2000);
$("#animation .over3").fadeIn(4000, function(){
$('#animation .over2').animate({
top:0,
left:-600
},1000, function(){
$("#animation .over5").fadeIn(1000, function(){
$("#animation .over6").delay(500).fadeIn(1000, function(){
$("#animation .over6").delay(3000).fadeOut(1000, function(){
});});});});});
});
</script>
답변 2
<script>
$(function(){
function ani() {
$("#animation .over1").fadeOut(5000);
$("#animation .over2").fadeIn(5000);
$("#animation .over3").fadeIn(5000);
$("#animation .over4").fadeIn(5000);
$("#animation .over4").fadeOut(2000);
$("#animation .over3").fadeIn(4000, function(){
$('#animation .over2').animate({
top:0,
left:-600
},1000, function(){
$("#animation .over5").fadeIn(1000, function(){
$("#animation .over6").delay(500).fadeIn(1000, function(){
$("#animation .over6").delay(3000).fadeOut(1000, function(){
ani();
});});});});});
}
ani();
});
</script>
이렇게 하면 되지 않을까요.
setInterval 함수안에 넣어서 사용하면 됩니다.
setInterval(function() {
// 사용자 코드
}, 3000); // 매 3초마다 반복 실행