자바스크립트 카운터되는 소스에 setTimeout 적용하고 싶은데요 ㅠㅠ 채택완료
</p><p> <script type="text/javascript"></p><p>function numberCounter(target_frame, target_number) {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>this.count = 0; this.diff = 0;</p><p> this.target_count = parseInt(target_number);</p><p> this.target_frame = document.getElementById(target_frame);</p><p> this.timer = null;</p><p> this.counter();</p><p>};</p><p> numberCounter.prototype.counter = function() {</p><p> var self = this;</p><p> this.diff = this.target_count - this.count;</p><p> </p><p> if(this.diff > 0) {</p><p> self.count += Math.ceil(this.diff / 5);</p><p> }</p><p> </p><p> this.target_frame.innerHTML = this.count.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');</p><p> <span class="Apple-tab-span" style="white-space:pre"> </span> </p><p> if(this.count < this.target_count) {</p><p> this.timer = setTimeout(function() { self.counter(); }, 100);</p><p> } else {</p><p> clearTimeout(this.timer);</p><p> }</p><p> };</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>new numberCounter("counter4", 1270);<span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>new numberCounter("counter3", 483);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>new numberCounter("counter2", 167300);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>new numberCounter("counter1", 4235);</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span></script></p><p>
이런 소스를 구했는데 이 소스가 거의 페이지 하단에들어가서 스크롤 내리는동안
카운트가 끝나버리길래 몇초뒤 자동실행을 시키고싶은데 그렇게 하려면
setTimeout 을 넣으라고 하는데 어떻게 해야할 지 모르겠네요 ㅠㅠ 첨부한 소스안에 보면 이미 setTimeout 가 있기는한데 거기에있는 숫자를 조절하면 몇초뒤실행이아니라 몇초 마다 숫자들이 올라가는거로 보여요 ....
능력자분 계시면 부탁드리겠습니다 !
답변 2개
setTimeout(function() {
new numberCounter("counter4", 1270); new numberCounter("counter3", 483); new numberCounter("counter2", 167300); new numberCounter("counter1", 4235);
}, 2000);
단순히 n초 후에 실행하기를 원하시면 26 ~ 29번째 줄을 전부 감싸면 돼요.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
몇초뒤에 실행되는게 아니고
화면이 거기까지 내려왔을때 실행되게 해야 합니다.
제가 만든 사이트 인데요
http://crowncrown.co.kr/shop/item.php?it_id=1466750007">http://crowncrown.co.kr/shop/item.php?it_id=1466750007
화면 아래로 내려보시면 그때사 시작되는걸 아실수가 있을 겁니다.
div의 위치도 중요하고 소스의 위치도 중요합니다.
참고해보시면 좋을 듯 합니다.
http://www.htmldrive.net/items/show/1605/jquery-word-and-character-counter-plugin-This-word-and-character-counter-plugin-allows-you-to-count-characters-or-words-up-or-down.-You-can-set-a-minimum-or-maximum-goal-for-the-counter-to-reach.-And-sweet-sweet-options">http://www.htmldrive.net/items/show/1605/jquery-word-and-character-counter-plugin-This-word-and-character-counter-plugin-allows-you-to-count-characters-or-words-up-or-down.-You-can-set-a-minimum-or-maximum-goal-for-the-counter-to-reach.-And-sweet-sweet-options
요녀석이 제대로 될지는 모르겠지만 .......... 다운받아서 적용 해보세요
답변에 대한 댓글 2개
답변해주신 내용은 나중에 한번 써먹어볼게요! 정말 감사합니다~
그렇다면 div값을 위쪽으로 올리면 되지 않나 싶은데요
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
이게 이렇게 쉬운거였다니................................................제가 너무 부끄러워지네요 ㅠㅠㅠ
정말 감사합니다!