打印每个循环，而不仅仅是最终答案

Question

I want the program to print change the innerHTML of th id "resposta" every time a loop runs. But its just changing the value when the loop ends. I want the page to change the content of the div every second.

I have this code:

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

            function escrever(){
            for (i = 0; i < 10; i++) { 
                var resp = "Executando " + i;
                document.getElementById("resposta").innerHTML = resp;
                sleep(1000);

            }
             document.getElementById("resposta").innerHTML +=  "<br> fim";
            }

            </script>

Answer 1

Best to use setInterval/setTimeout to delay an execution of a function instead of for loops

function escrever(count){
    var ele = document.getElementById("resposta");
    if(count > 10){
        ele.innerHTML +=  "<br> fim";
        return;
    }
    ele.innerHTML = "Executando " + count;
    setTimeout(escrever.bind(null,++count),1000);
}

escrever(1);

<div id="resposta"></div>

</div>