JS 오류 - 응답하지 않는 스크립트

Question

아래 코드를 사용하여 내 웹 페이지에 요소를 동적으로 추가하고 있습니다. 작동하지만 페이지를 정지시킵니다. 아무도 이것이 왜 일어날 지 설명 할 수 있습니까?

<script> 
      $(function() { 
       var ruler = $("#ruler").height(); 
       var body = $("body").height(); 
       while (ruler <= body) { 
        $("#rulerStart").append("<div class='lineLarge'></div><div class='lineSmall'></div>"); 
       }; 
      }); 
     </script> 

Answer 1

var ruler = $("#ruler").height(); 
var body = $("body").height(); 

이 값은 정적이다. 일단 설정되면 항상 설정하십시오. 당신은 루프 내부를 다시 설정해야합니다

: 그래서 루프가 영원히 실행되지 않습니다 동안

$(function() { 
    var ruler = $("#ruler").height(); 
    var body = $("body").height(); 
    while (ruler <= body) { 
     $("#rulerStart").append("<div class='lineLarge'></div><div class='lineSmall'></div>"); 
     ruler = $("#ruler").height(); 
     body = $("body").height(); 
    }; 
});