title: Why my page doesn't load after adding this infinite loop to my javascript code?
body: <p>I have created this infinite loop in javascript, in order to run a setTimeout function. The problem is that, by doing this, my page doesn't even load in the first place.</p>
  
  <p>Here is the javascript code:</p>
  
  <pre><code>function blurDiv() {
      console.log("here");
      rankingList.style.filter="blur(0.7)";
  } 
  
  function loadContent() {
      console.log("loaded");
      $( "#ranking-container" ).load("index.php #ranking-list");
      rankingList.style.filter="blur(0)";  
  }
  
  while(true) {
      setTimeout(blurDiv, 4000);
  
      setTimeout(loadContent, 5000); 
  }
  </code></pre>
  
  <p>I was expecting that the loop would only run another iteration after those 5 seconds.</p>