자바스크립트 카운터되는 소스에 setTimeout 적용하고 싶은데요 ㅠㅠ 채택완료

오성희

9년 전 조회 3,467

Copy

  function numberCounter(target_frame, target_number) {	this.count = 0; this.diff = 0;    this.target_count = parseInt(target_number);    this.target_frame = document.getElementById(target_frame);    this.timer = null;    this.counter();};    numberCounter.prototype.counter = function() {        var self = this;        this.diff = this.target_count - this.count;            if(this.diff > 0) {            self.count += Math.ceil(this.diff / 5);        }            this.target_frame.innerHTML = this.count.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');  	         if(this.count  this.target_count) {            this.timer = setTimeout(function() { self.counter(); }, 100);        } else {            clearTimeout(this.timer);        }    };			new numberCounter("counter4", 1270);		new numberCounter("counter3", 483);	new numberCounter("counter2", 167300);	new numberCounter("counter1", 4235);

이런 소스를 구했는데 이 소스가 거의 페이지 하단에들어가서 스크롤 내리는동안

카운트가 끝나버리길래 몇초뒤 자동실행을 시키고싶은데 그렇게 하려면

setTimeout 을 넣으라고 하는데 어떻게 해야할 지 모르겠네요 ㅠㅠ

첨부한 소스안에 보면 이미 setTimeout 가 있기는한데 거기에있는 숫자를 조절하면
몇초뒤실행이아니라 몇초 마다 숫자들이 올라가는거로 보여요 ....

능력자분 계시면 부탁드리겠습니다 !

#html #카운트

답변 2개

정렬:

채택된 답변

+20 포인트

쟁반짜장

프로필 보기 이 회원 글보기 이 회원의 댓글보기

9년 전

setTimeout(function() {

   new numberCounter("counter4", 1270);
   new numberCounter("counter3", 483);
   new numberCounter("counter2", 167300);
   new numberCounter("counter1", 4235);

}, 2000);

단순히 n초 후에 실행하기를 원하시면 26 ~ 29번째 줄을 전부 감싸면 돼요.

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