javascript - 在整个执行后调用插入时不插入元素

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);