안녕하세요 숫자 카운트 js를 사용하는데
숫자 100은 카운트 되는 속도가 적당한데 약5-6초?
9500은 카운트 되는 시간만 맞췄지 카운트 되는 단위?값을 맞추지 않아
너무 천천히 카운팅 되서 ...이 단위값을 천단위로 맞춰
카운트 되는 속도를 빠르게 보고 싶은데요
무엇을 추가해야할지 알수있을까요 ㅜㅜ
우선 구조부분입니다 해당부분은 두번째 li의 9500입니다.
그리고 아래가 스크립트 부분입니다 해당부분은 id1 입니다.
|
답변 3개
채택된 답변
+20 포인트
다음 코드가 도움이 될지 모르겠습니다.
Copy
<ul class="count">
<li class="count">
<h2 class="number">100</h2>
<i>만족 고객 수</i>
</li>
<li class="count y9500">
<h2 class="number">9500</h2>
<i>납품현장</i>
</li>
<li class="count">
<h2 class="number">100</h2>
<i>연구/개발인원</i>
</li>
<li class="count">
<h2 class="number">16</h2>
<i>특허(24년)</i>
</li>
</ul>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(function() {
function timeCounter(el, n_begin, n_end, t) {
$({val: n_begin}).animate({val: n_end}, {
duration: t,
step: function (v) {
$(el).text(Math.floor(v));
}
});
}
$('.number').each(function (idx, el) {
var n = Number($(el).text());
// timeCounter(el, 0, n, 500);
// timeCounter(el, 0, n, 1000);
timeCounter(el, 0, n, 5000);
});
});
</script>답변을 작성하려면 로그인이 필요합니다.