Javascript 如何延迟加载画布元素

假设我有100个canvas元素，每个元素都有由javascript操作的内容。这会导致页面挂起，直到所有100个元素都加载完毕。如何延迟加载画布元素？

您可以使用interval一次添加一个画布。这样，浏览器就有时间在画布添加之间进行绘制，而不会冻结浏览器。简单的例子：

var index = 0,
    interval;

var drawCanvas = function () {
    // draw canvas here
};

interval = window.setInterval(function () {

    if (index < 100) {
        drawCanvas();
        index += 1;
    } else {
        window.clearInterval(interval);
    }

}, 25);

var指数=0，
间隔
var drawCanvas=函数（）{
//在这里画画布
};
interval=window.setInterval（函数（）{
如果（指数<100）{
画布（）；
指数+=1；
}否则{
窗口。清除间隔（间隔）；
}
}, 25);

如果没有更多信息，很难进行评论……这些元素是什么？每个不同的元素对你的应用程序有多重要？