如何从递归函数内部立即添加 DOM 元素

Question

这是我正在尝试做的简化版本：

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

此代码创建段落元素并在整个函数完成后将它们添加到我的 html 中。但是，如果我想在处理函数的其他过程时立即附加它们怎么办？

我知道，这可能有点傻。但是我真的需要这个来在html页面中显示该功能的当前进度。提前致谢！

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();
    }
}

---