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

간단한 javascript FOR문? 문법 채택완료

freed 5년 전 조회 2,259

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

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

memberCountConTxt숫자(숫자는 1~4)

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

 

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

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

코드

}

 

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

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

답변 미리 감사드립니다

 

</p>

<p><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);

          }

        }); 

        

               </p>

<p> </p>

<p>

          $({ 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);

          }

        }); </p>

<p>

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

답변 1개

채택된 답변
+20 포인트

</p>

<p>(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);</p>

<p>$.numberCount(296842, '.memberCountCon1');

$.numberCount(333, '.memberCountCon2');

$.numberCount(452, '.memberCountCon3');</p>

<p>

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

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

답변에 대한 댓글 1개

f
freed
5년 전
대단하세요! 공부해보도록 하겠습니다 고맙습니다!

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

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

로그인