목록으로

javascript 질문 입니다. 채택완료

용미엘

프로필 보기 이 회원 글보기 이 회원의 댓글보기

3년 전 조회 2,346

답변 2

안녕하세요.
숫자가 카운팅되는 자바스크립트 소스를 구해서 사용중입니다.

소숫점까지 표현되어야되는 부분이 있는데 소숫점표현이 안되더라구요;

조언을 부탁드리겠습니다.

Copy

<div class="arrival item">
     <p class="radi_tem"><img src="image/main/quick_icon3.png" alt=""></p>
     <p id="counter3"><b>23.4%</b></p>
     <p>열무디자인 콘텐츠 <br>평균 추가 도달률</p>
</div>

 

<script>
        $(document).scroll(function(){
            var f = true;
            if($(this).scrollTop() < 1400)    {  
                if(f == true){

                function numberCounter(target_frame, target_number) {
                    this.count = 0; this.diff = 0;
                    this.target_count = parseInt(target_number);
                    this.target_frame = document.getElementById(target_frame);
                    this.timer = null;
                    this.counter();
                };
                    numberCounter.prototype.counter = function() {
                        var self = this;
                        this.diff = this.target_count - this.count;
                    
                        if(this.diff > 0) {
                            self.count += Math.ceil(this.diff / 5);
                        }
                    
                        this.target_frame.innerHTML = this.count.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
                    
                        if(this.count < this.target_count) {
                            this.timer = setTimeout(function() { self.counter(); }, 20);
                        } else {
                            clearTimeout(this.timer);
                        }
                    };

                new numberCounter("counter3", 23); // 이부분을 23.4%로 표현하고자 합니다.
                new numberCounter("counter2", 487);
                new numberCounter("counter1", 147654);

    
                }

                f = false;
            }
        });
    </script>

#javascript