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

[warrangie]

Есть код. По идее он должен выполняться после загрузки страницы. Но если добавить задержку между итерациями, то страница не отрисуется до конца, пока код не будет выполнен. Не понимаю в чем проблема. Хочу сделать так, чтоб после загрузки страницы срабатывала функция, считающая и отрисовывающая нужные элементы в реальном времени с небольшой задержкой. На деле так не получается. Код находится перед </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)+' ℃';
	};

[Dilettante_Pro]

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

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

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

чтоб после загрузки страницы срабатывала функция, считающая и отрисовывающая нужные элементы в реальном времени с небольшой задержкой

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