Не вставлять элемент при вставке вызова после всего выполнения

Question

function loadval() {
  r = Math.floor(Math.random() * load.length);
  console.log(r);
  for (let i = 0; i < 9; i++) {
    for (let j = 0; j < 9; j++) {
      var set = (i + 1) * 10 + j + 1;
      var x = document.getElementById(set);
      x.value = load[r][i][j];
      console.log(load[r][i][j]);
      sleep(25);
    }
  }
}

Элемент не вставляется один за другим после задержки, все элементы устанавливаются после выполнения всей функции.

Answer 1

почему бы не использовать setInterval или setTimeout вместо sleep (25)?

// повторить с 2-секундными интервалами

let timerId = setInterval (() => loadval(), 2000);

/ / остановить вывод через 10 секунд

setTimeout (() => {clearInterval (timerId); alert ('stop');}, 10000);