一个页面绘制上千个canvas不实时显示的问题

[piao2004]

项目中某个html5页面需要通过js绘制上千个canvas，大概代码是：
 

for(i=0;i<1000;i++){
    var nV = $("<canvas id='cvs" + cvsIndex + "'></canvas>");
     dvTbe.append(nV);
    cvs = document.getElementById("cvs" + cvsIndex);
    ....各种绘制方式
}

执行没有问题，但是页面都是需要等这上千个canvas绘制好（即整个for循环执行完毕）后，才一次性在页面上全部显示出来。整个绘制过程需要几秒时间，这样的用户体验不好。

请问：如果让html每绘制一个canvas都立即显示出来？

[前端菜菜]

DocumentFragment

[tcmakebest]

用全局变量加定时器可以解决，每次绘制若干个。