創建一個在JavaScript中逐步顯示輸出的函數

Question

我試圖這樣做，代碼工作正常。 該頁面處理代碼，然后向我顯示結果，但我不希望這樣做。 我希望頁面逐步顯示for過程，首先打印A，等待一段時間，然后顯示AB，再次等待，然后顯示ABC，等等。

window.onload = function() {
  var parrafo = document.createElement("p");
  var frase = "ABCDEFGHIJ";
  var spl = frase.split("");
  document.body.appendChild(parrafo);
  for(i in spl){
    var contenido = document.createTextNode(spl[i]);
      parrafo.appendChild(contenido);
      sleep(100);
    }
  }

function sleep(ms) {
  var start = new Date().getTime();
  for (var i = 0; i < 1e7; i++) {
    if ((new Date().getTime() - start) > ms){
      break;
    }
  }
}

Answer 1

您可以使用setTimeout（）函數並在其中包裝for loop 。 例如，

printStuff(spl, i) {
    var contenido = document.createTextNode(spl[i]);
      parrafo.appendChild(contenido);
      setTimeout(printStuff(spl, i++), 1000);
}