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

숫자에 콤마 추가하는법 ㅠㅠㅠㅠ 제발 도와주세요 채택완료

나쨘도링 1년 전 조회 9,228

스크롤시 숫자 카운팅 되는 애니메이션입니다 숫자에 콤마 표시가 안 돼요ㅠㅠ 어딜 수정해야할까요??

 

 

<script>

    gsap.registerPlugin(ScrollTrigger);
    //01
    var startCount = {var: 0};

    gsap.to(startCount, {
        var: 235000000, duration: 1.5, ease:"slow",
        onUpdate: changeNumber,
        scrollTrigger: {
            trigger: "#count01",
            toggleActions: "restart none none none",
        },

    })

    function changeNumber() {
        $("#count01").html(Math.floor(startCount.var));
    };
    


</script>

 

 

http://sir.kr/data/editor/2408/3673009239_1722485621.2811.png" width="100%" />

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

답변 3개

채택된 답변
+20 포인트
1년 전

아래처럼 해보시겠어요..

 

 

function changeNumber() {
    $("#count01").html(Math.floor(startCount.var).toLocaleString());
};
 

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

답변에 대한 댓글 1개

나쨘도링
1년 전
됐습니다!!! 정말 감사합니다 :)

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

1년 전

</p>

<p>function changeNumber() {</p>

<p>let formattedNumber = Math.floor(startCount.var).toLocaleString();</p>

<p>$("#count01").html(formattedNumber);</p>

<p>}</p>

<p>

 

위 처럼 코드 변경 시 원하는 결과 값을 얻을 수 있습니다.

 

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

답변에 대한 댓글 1개

나쨘도링
1년 전
헉 됐습니다!!!!감사합니다!!! 이제 이해를 했네요 ㅠㅠ

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

</p>

<p>$("#count01").html(Math.floor(startCount.var).replace(/\B(?=(\d{3})+(?!\d))/g, ","));</p>

<p>

 

정규식으로 넣으셔도 될거에요.

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

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

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

로그인