Javascript 간단한 지연 카운트 최대

Question

html 요소를 변경해야하는 JS 스크립트가 있습니다. 시각적으로 1부터 100까지 셀 수 있습니다. 타임 아웃을 추가하면 for 루프가 더 이상 반복되지 않으므로 오른쪽으로 100 점 이동합니다. 경고와 함께 작동하지만 div 변경으로는 작동하지 않습니다.

var theLabel = document.getElementById("counter"); 
function doSetTimeout(i) { 
    setTimeout(function() { 
    /*alert(i); */ 
    theLabel.innerHTML = i; 

    }, 1000); 
    } 

for (var i = 1; i <= 100; i++) 
doSetTimeout(i); 

Answer 1

http://jsfiddle.net/hqh6Lne9/

var i = 0; 
theLabel = document.getElementById("counter"); 
var interval = setInterval(function(){ 
    if (i == 100) clearInterval(interval); 
    theLabel.innerHTML = i; 
    i++; 
}, 
1000);