jQuery 루프. 이전 숫자에 하나 추가

Question

문서가 간격을 둘 때마다 마지막 숫자 +1에 어떻게 추가합니까? 나는이 받고 있어요는 : jsfiddle.net/zAt7C/1/

$(document).ready(function() { 
    // verification 
    $('title').text('jQuery is working!'); 

    // loop 
    setInterval(function() { 
     for (var i = 1; i < 2; i++) { 
      $('.repeat').append(i + ' '); 
     }; 
    }, 1000); 
}); 

Answer 1

jsFiddle demo

대답은 실제로 변수 범위의 사용에있다. 변수 i은 setInterval 콜백 기능의 범위에만 존재합니다. 그 함수의 전후에 변수가 존재하지 않으므로 값을 가질 수 없습니다 ... 함수가 시작될 때마다 다시 초기화됩니다. 변수를 setTimeout 함수 외부로 이동하면 더 큰 범위의 일부인 $(document).ready 이벤트 처리기의 일부가됩니다. 해당 범위와 해당 범위 안에있는 다른 모든 범위 (이 경우에는 setTimeout 콜백)에서 계속 사용할 수 있습니다.

자바에 대한 좋은 책은 더글라스 크록 포드의 Javascript: The Good Parts입니다. 범위와 클로저를 설명하는 좋은 게시물을 How do JavaScript closures work?

Answer 2

LIVE DEMO

var i = 0; 
setInterval(function() { 
    $('.repeat').append(' '+ (i++)); 
}, 1000); 

Answer 3

$(document).ready(function() { 
    // verification 
    $('title').text('jQuery is working!'); 

    (function func (i) { 
     setTimeout(function() { 
      $('.repeat').append(i + ' '); 
      i += 1; 

      if (i <= 10) { 
       func(i); 
      } 
     }, 1000); 
    }(0)) 
}); 

Fiddle