window.onload странно работает.
 

Есть код. По идее он должен выполняться после загрузки страницы. Но если добавить задержку между итерациями, то страница не отрисуется до конца, пока код не будет выполнен. Не понимаю в чем проблема. Хочу сделать так, чтоб после загрузки страницы срабатывала функция, считающая и отрисовывающая нужные элементы в реальном времени с небольшой задержкой. На деле так не получается. Код находится перед </body>

window.onload = function() {
		while (tjoppa < tsun) {
			if (getRandomInt(1,2)%2==0) {
				tjoppa *= tfail;
				failAttempts++;
			} else {
				tjoppa += tjoppa * tsuccess;
				successAttempts++;
			}
			attempts++;
		}
		overheat = tjoppa - tsun;
		document.getElementById('currentTemperature').innerHTML = tjoppa.toFixed(2)+' ℃';
		document.getElementById('attempts').innerHTML = attempts;
		document.getElementById('failAttempts').innerHTML = failAttempts;
		document.getElementById('successAttempts').innerHTML = successAttempts;
		document.getElementById('overheat').innerHTML = overheat.toFixed(2)+' ℃';
	};

warrangie,
window.onload работает, как и должно - после загрузки до отображения

<div>Hello, World!</div>
<script>
window.onload = function() {
   alert('After load before show');
}
</script>

чтобы вы могли внести изменения до отображения страницы.

Пишите функции - обработчики событий