이전 목록 다음
채택완료

간단한 javascript FOR문? 문법

안녕하세요. 문법 검색은 해봤는데 for문을 쓰는걸로 생각되는데 붙히질 못하겠어요

붙혀보면 오류나서 for문이 아닌가 싶기도 하고...

memberCountConTxt숫자(숫자는 1~4)

.memberCountCon1숫자(숫자는 1~4)

 

이렇게 변수(변수 맞나요?)가 있는데요

1~4니까 for(i=1; i<5; i++) {

코드

}

 

이거같은데 저기 소스에 붙히질 못하겠어요.

그냥 4번 복사하면 되긴 하는데 너무 구린거같아서요.

답변 미리 감사드립니다

 

Copy
<script>
  var memberCountConTxt1= 1010;
  var memberCountConTxt2= 2020;
  var memberCountConTxt3= 3030;
  var memberCountConTxt4= 404; 
  var memberCountConTxt= 505;
  
  
  
       
          $({ val : 0 }).animate({ val : memberCountConTxt1 }, {
           duration: 2000,
          step: function() {
            var num = numberWithCommas(Math.floor(this.val));
            $(".memberCountCon1").text(num);
          },
          complete: function() {
            var num = numberWithCommas(Math.floor(this.val));
            $(".memberCountCon1").text(num);
          }
        }); 
        
               

 


          $({ val : 0 }).animate({ val : memberCountConTxt2 }, {
           duration: 2000,
          step: function() {
            var num = numberWithCommas(Math.floor(this.val));
            $(".memberCountCon2").text(num);
          },
          complete: function() {
            var num = numberWithCommas(Math.floor(this.val));
            $(".memberCountCon2").text(num);
          }
        });

답변 1개 / 댓글 1개

채택된 답변
+20 포인트

Copy
(function($) {
    $.numberCount = function(n, t) {
        $({ val : 0 }).animate({ val : n }, {
            duration: 2000,
            step: function() {
                var num = numberWithCommas(Math.floor(this.val));
                $(t).text(num);
            },
            complete: function() {
                var num = numberWithCommas(Math.floor(this.val));
                $(t).text(num);
            }
        });
    }
})(jQuery);

$.numberCount(296842, '.memberCountCon1');
$.numberCount(333, '.memberCountCon2');
$.numberCount(452, '.memberCountCon3');

함수로 만들어서 사용하셔도 돼요.

답변에 대한 댓글 1개

대단하세요! 공부해보도록 하겠습니다 고맙습니다!

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