$(function () {
$(window).load(function () {
$(".peopleImg").animate({
"top": "100px"
}, 1500);
$(".main1>h2").delay(500).animate({
"opacity": "1"
}, 1000);
$(".main1>h1").delay(1000).animate({
"opacity": "1"
}, 1000);
$(".main1>.text").delay(1500).animate({
"opacity": "1"
}, 1000);
});
});
해당 애니메이션을 반복해서 실행하고 싶은데
혹시 고수님들 도와주실 수 있나요~?
답변 2개 / 댓글 2개
$(document).ready(function () {
function loop() {
$(".main1>h1").css({"opacity": "1"}).stop().delay(1500).animate({
"opacity": "0.1"
}, 1000,loop);
}
function loop2() {
//....
}
loop();
//loop2();
});
답변에 대한 댓글 1개
아래와 같이 setInterval 로 애니메이션 코드 함수를 반복해주세요.
<script>
cnt=0;
function a(){
if(cnt<10){
cnt++;
alert(cnt);
} else
clearInterval(tid);
}
tid=setInterval(a,1000); //1초후 a함수 실행 - 재귀호출
</script>
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.