테스트 사이트 - 개발 중인 베타 버전입니다

제작중 사이트의 데이터 값에 000자리 수 마다컴마(,)를 넣고 싶어요

oneframe 6년 전 조회 2,541

http://www.rebobee.kr/">http://www.rebobee.kr

위 사이트를 제작중인데요

위 이미지의 숫자를 천자리 마다,를 넣고 싶어요

 

아래는 해당 부분의 소스에요

능력자 분들 부탁좀 드립니다~

 

            
                
                    
                                                 
                            

Some Fun Facts

                            
                        
                                                                          
                            
                                                                 0                                                                  

총 자금 배분완료

                            
                        
                                         
                
            
        

댓글을 작성하려면 로그인이 필요합니다.

답변 5개

6년 전

아래와 같은 예제가 있네요. $('.workers').countTo({     from: 0,     to: 18000,     speed: 1500,     formatter: function (value, options) {         value = value.toFixed(options.decimals);         value = value.replace(/\B(?=(\d{3})+(?!\d))/g, ',');         return value;     } });

님의 코드에 적용해본다면 아래와 같은데 참고하세요.

"use strict";     $(".number-counters").appear(function () {         $(".number-counters [data-to]").each(             function () {                 var e = $(this).attr("data-to");                 $(this).delay(6e3).countTo({                     from: 50,                     to: e,                     speed: 3e3,                     refreshInterval: 50, // 콤마 찍고                     formatter: function (value, options) { // >> 추가하고                         value = value.toFixed(options.decimals);                         value = value.replace(/\B(?=(\d{3})+(?!\d))/g, ',');                         return value;                     }                 })             }         )     });

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

o
6년 전

js 파일인데 

 

아래 부분이네요

 

"use strict";     $(".number-counters").appear(function () {         $(".number-counters [data-to]").each(function () {             var e = $(this).attr("data-to");             $(this).delay(6e3).countTo({                 from: 50,                 to: e,                 speed: 3e3,                 refreshInterval: 50             })         })     });

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

팻시
6년 전
여기는 잘 모르겠네요. 이 부분 따서 다시 질문을 올리는 것이 좋겠네요.

댓글을 작성하려면 로그인이 필요합니다.

6년 전

data-to="195943700000">0  

위 data-to 속성은 CSS에서 데이타를 쓰려고 새로 정의된 속성이에요.

195943700000 >>> 이 숫자부분 자체를 원래부터 콤마를 찍어서 써줘야 해요.

숫자가 가변값일테니 그것을 출력하는  PHP 소스부분을 찾아서 그부분을 number_format( ) 함수로 처리해주면 되요.

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

o
oneframe
6년 전
숫자에 컴마를 찍으면 에러가..

댓글을 작성하려면 로그인이 필요합니다.

6년 전

php에서 처리해서 보여 주실려면

number_format() 함수를 사용하세요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

6년 전

해당 소스 내역만으론 알 수 없습니다.

소스를 보니 태그의 data-to 값을 javascript에서 읽어들여 다시 가공하여 뿌리고 있는듯 한데

해당 뿌리는 부분에서 수정하셔야 합니다.

 

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인