如何在递归函数中即时添加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();
    }
}

---