이전 목록 다음
채택완료

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

나쨘도링
프로필 보기이 회원 글보기이 회원의 댓글보기
 1년 전 9,780

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

 

 

<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>

 

 

3673009239_1722485621.2811.png

그누보드5 영카트5 php gsap
|

답변 3개 / 댓글 2개

채택된 답변
+20 포인트
제제이앤
프로필 보기이 회원 글보기이 회원의 댓글보기
 1년 전

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

 

 

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

답변에 대한 댓글 1개

나쨘도링
프로필 보기이 회원 글보기이 회원의 댓글보기
 1년 전
됐습니다!!! 정말 감사합니다 :)
미미니님a
프로필 보기이 회원 글보기이 회원의 댓글보기
 1년 전

Copy 
function changeNumber() {

let formattedNumber = Math.floor(startCount.var).toLocaleString();

$("#count01").html(formattedNumber);

}

 

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

 

답변에 대한 댓글 1개

나쨘도링
프로필 보기이 회원 글보기이 회원의 댓글보기
 1년 전
헉 됐습니다!!!!감사합니다!!! 이제 이해를 했네요 ㅠㅠ
테트라포드
프로필 보기이 회원 글보기이 회원의 댓글보기
 1년 전

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

 

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

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