javascript - 编写一个Javascript函数，打印出数字1-10，每个数字打印间隔为1s

Question

我收到了一个挑战问题，要求编写一个 Javascript 函数来打印数字 1-10，每个数字以 1 秒的间隔打印。我必须在不使用“setInterval”或“setTimeout”的情况下执行此操作。这是有道理的，因为这些函数是异步的，并且循环不会暂停并等待超时间隔过去。所以我决定使用 Date 创建一个暂停函数。不幸的是，这不起作用。这是我到目前为止所得到的。我不知道为什么它不起作用。有人对如何解决这个问题有任何想法吗？

function pause(milliseconds) {
    var dt = new Date();
    while ( (new Date()) - dt <= milliseconds) { /* Do nothing */ }
}
function printNumbers(){
    var i = 1;
    var temp = "";
    while(i<=10){
        temp += i + " ";
        document.getElementById("mydiv").innerHTML = temp; 
        pause(1000); 
        i++;        
    }
}

printNumbers();

Answer 1

只要某些 JS 正在运行，浏览器就不会渲染 DOM，除此之外你的代码就可以工作。只需更换

document.getElementById("mydiv").innerHTML = temp;  

与

console.log(temp);