创建一个在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);
}