如何從遞歸 function 內部立即添加 DOM 元素

Question

這是我正在嘗試做的簡化版本：

let num = 10000;
function recursive() {
    if (num > 0) {
        let p = document.createElement('p');
        p.textContent = num;
        document.body.appendChild(p);
        num --;
        recursive();
    }
}

此代碼創建段落元素，並在整個 function 完成后將它們添加到我的 html 中。 但是，如果我想在 function 的其他程序中立即對它們進行 append 怎么辦？

我知道，這可能有點傻。 但是我確實需要這個來在 html 頁面中顯示 function 的當前進度。 提前致謝！

Answer 1

也許你可以模仿這樣的進步

 let num = 1000; function recursive() { if (num > 0) { let p = document.createElement('p'); let t = num; setTimeout(() => { p.textContent = t; document.body.appendChild(p); }, t*100) num --; recursive(); } }

---