Как обновлять html в цикле for?

Есть пример такого кода, я что то не пойму почему он не обновляется при каждой итерации в цикле.

То есть должно работать быть как подобие секундомера, а он вместо этого заменяет только в самом конце цикла.

Задержка в цикле не нужна, цикл должен работать быстро!

for(var i = 0; i <= 200000; i++){
  $('#data').html(i);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="data">0</div>

Объясните пожалуйста в чем причина?