숫자에 콤마 추가하는법 ㅠㅠㅠㅠ 제발 도와주세요
본문
스크롤시 숫자 카운팅 되는 애니메이션입니다 숫자에 콤마 표시가 안 돼요ㅠㅠ 어딜 수정해야할까요??
<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>
답변 3
아래처럼 해보시겠어요..
function changeNumber() {
$("#count01").html(Math.floor(startCount.var).toLocaleString());
};
됐습니다!!! 정말 감사합니다 :)
function changeNumber() {
let formattedNumber = Math.floor(startCount.var).toLocaleString();
$("#count01").html(formattedNumber);
}
위 처럼 코드 변경 시 원하는 결과 값을 얻을 수 있습니다.
헉 됐습니다!!!!감사합니다!!! 이제 이해를 했네요 ㅠㅠ
$("#count01").html(Math.floor(startCount.var).replace(/\B(?=(\d{3})+(?!\d))/g, ","));
정규식으로 넣으셔도 될거에요.
답변을 작성하시기 전에 로그인 해주세요.
