setTimeout pushing all at once instead of every 1 sec

Question

Why is setTimeout running 10 times in a loop at once, instead of waiting one second, then running, waiting one second and running etc..

const tx = document.querySelector('.botex')

console.log(tx.lastElementChild.className)

for(let i =0;i<10;i++) {
    setTimeout(() => {
    let msg = document.createElement('p');
    msg.textContent = "Hello there" + i;
    tx.appendChild(msg);
  }, 1000)

}

<div class="botex">
<div class="1">

</div>
<div class="2">

</div>
</div>