创建一个在JavaScript中逐步显示输出的函数

Question

我尝试这个，代码工作正常。页面处理代码，然后显示结果，但我不想要这个。我希望页面逐步显示进程，首先打印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);
}