제이쿼리 질문드립니다. 채택완료
안녕하세요
아래처럼 jquery.counterup 을 사용중입니다.
사용은 잘되는데요
바로 카운팅이 되는게 아니라
약 5초뒤에 실행되게 하고 싶은데
$(this).delay(5000);
이걸 넣어봐도 안되고
방법을 도젛 ㅣ모르겠습니다. 고수님들 도움 부탁드립니다. ㅠ
<span class="counter">100</span>
$('.counter').counterUp({
delay: 10,
time: 5000
});
답변 1개
채택된 답변
+20 포인트
백수1995
5년 전
time 옵션은 애니메이션에 관한거고, delay 는 millisec 인데 10초면 0.01 초내요
Copy
$('.counter').counterUp({
delay: 5000
});
// 혹은
setTimeout(function () {
$('.counter').counterUp();
}, 5000); // 지연시간
로그인 후 평가할 수 있습니다
답변에 대한 댓글 5개
그누배우자
5년 전
한가지만 더 여쭙니다..
5초가 되기전엔 hide 해주고
5초가 지나면 show 해주려고 하는데요
$(".counter").hide(5000).delay(5000).hide(0);
$(".counter").hide(0).delay(5000).show(5000);
이렇게 하는게 맞는건지요 ㅠ
5초가 되기전엔 hide 해주고
5초가 지나면 show 해주려고 하는데요
$(".counter").hide(5000).delay(5000).hide(0);
$(".counter").hide(0).delay(5000).show(5000);
이렇게 하는게 맞는건지요 ㅠ
그누배우자
5년 전
종합하면
setTimeout(function () {
$('.counter').hide().delay(5000).show();
$('.counter').counterUp({
delay: 10,
time: 5000
});
}, 5000);
이게 맞나요..
setTimeout(function () {
$('.counter').hide().delay(5000).show();
$('.counter').counterUp({
delay: 10,
time: 5000
});
}, 5000);
이게 맞나요..
백수1995
5년 전
이상하게 적용하셨네요 ㅠ.ㅠ
해당 부분을 정확히 아래처럼 바꾸세요
[code]
var delaySec = 5000;
$('.counter').counterUp({
delay: delaySec,
time: delaySec
});
$('.counter').hide().delay(delaySec).show();
[/code]
고생하시네요 ㅋㅋ
해당 부분을 정확히 아래처럼 바꾸세요
[code]
var delaySec = 5000;
$('.counter').counterUp({
delay: delaySec,
time: delaySec
});
$('.counter').hide().delay(delaySec).show();
[/code]
고생하시네요 ㅋㅋ
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인