지연 특정 시간

Question

JSFiddle에 의한 루프의 각 반복 :http://jsfiddle.net/KH8Gf/27/

코드 :

$(document).ready(function() 
{ 
$('#expand').click(function() 
    { 
     var qty= $('#qty').val(); 

     for (var counter = 0; counter < qty; counter++) 
     { 
      $('#child').html($('#child').html() + '<br/>new text');    
     } 
    }); 
}); 

가 어떻게 특정 시간에 의해 루프의 각 반복을 지연 할 수 있습니까?

setTimeout(function(){ 
$('#child').html($('#child').html() + '<br/>new text'); 
},500); 

및

$('#child').delay(500).html($('#child').html() + '<br/>new text'); 

Answer 1

을이 경우 모든 로컬 함수로 작업을 넣어 다음 setTimeout()에서 지역의 기능을 구현하는 것을 호출하여 가장 잘 작동하는 것 :

나는이 (가) 실패 다음 시도 지연. 다음 (

$(document).ready(function() { 
    $('#expand').click(function() { 
      var qty = $('#qty').val(); 
      var counter = 0; 
      var child = $('#child'); 

      function next() { 
       if (counter++ < qty) { 
        child.append('<br/>new text');    
        setTimeout(next, 500); 
       } 
      } 
      next(); 
     }); 
});