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