jquery - 메소드 Javascript 내에 setInterval 추가

let 사용   i 선언   setTimeout 를 사용하십시오.  console.log 카운터를 영원히 10 번만 호출해야하기 때문에 ..

var countup = {
  startCount: function () {
    for(let i = 0; i < 10; i++){
       setTimeout(function() {
         console.log(i);
       }, i*1000)
     }
   }
}
countup.startCount();

See the second and third snippets for better answers.

setInterval 를 사용하여 이렇게 할 수 있습니다  그리고 clearInterval  카운트가 10에 도달하면 변수 i 에 액세스  카운트 업 개체에서 this.i 로 할 수 있습니다 :

const countup = {
    i: 0,
    startCount: function() {
        const timer = setInterval(() => {
            console.log(this.i);
            if (++this.i === 10) {
                clearInterval(timer);
            }
         }, 1000);
    }
}
countup.startCount();

@ Hit-or-miss가 언급 한대로, this  정적 객체에는 사용하지 않아야합니다. prototype 를 사용하여 더 좋은 방법이 있습니다. .

이것은 내부 카운트를 공유하지 않는 여러 카운터를 가질 수있게합니다.

function Countup() {
  this.i = 0;
}
Countup.prototype = {
    constructor: Countup, // Good practice
    startCount: function() {
        const timer = setInterval(() => {
            console.log(this.i);
            if (++this.i === 10) {
                clearInterval(timer);
            }
        }, 1000);
    }
};
const counter1 = new Countup();
const counter2 = new Countup();
counter1.startCount();
counter2.startCount();

또는자바 스크립트 클래스사용 :

와이즈 비즈

 
The arrow functions and classes are supported only in modern browsers.

class Countup { constructor() { this.i = 0; } startCount() { const timer = setInterval(() => { console.log(this.i); if (++this.i === 10) { clearInterval(timer); } }, 1000); } }; const counter1 = new Countup(); const counter2 = new Countup(); counter1.startCount(); counter2.startCount();