一次渲染一个javascript

时间:2016-09-20 13:49:30

标签: javascript html

我有一个javascript,可以在网页上绘制数百行。当页面加载时,它会同时呈现所有行。

为了使问题更简单,我可以说我有一个有3个函数的js文件。

drawing_one
drawing_two
drawing_three

目前,当页面加载时,同时在页面上绘制一个,两个和三个。将它放在何处加载的最佳方法是什么,尚未绘制任何内容。经过一段时间后,比如1秒钟,它将一次绘制一个。在这个例子中,它会在给定的间隔时间之后绘制一个,然后是两个,然后是三个。绘制完所有内容后,它会清除所有内容,然后重新开始。

1 个答案:

答案 0 :(得分:0)

根据您的帖子,您可以尝试setTimeout功能:

$(document).ready(function () {

    setTimeout(function () {
        drawing_one();
    }, 1000);


});

然后drawing_one()看起来像这样:

function drawing_one() {

    //do stuff, then

    setTimeout(function () {
        drawing_two();
    }, 1000);

}

对drawing_two()重复此模式,然后对drawing_three()

重复此模式
function drawing_three() {

    //do stuff, then

    clearDrawings(); // you define this

    setTimeout(function () {
        drawing_one(); // start over
    }, 1000);

}