一次渲染javascript一个

问题描述:

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

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

drawing_one 
drawing_two 
drawing_three 

当前页面加载时,同时在页面上绘制一个,两个和三个。什么是最好的方式,当它加载时,什么都没有绘制。经过一段时间后,比如说1秒钟,它会一次绘制所有内容。在这个例子中,在给定的时间间隔后,它会画一个,然后是两个,然后是三个。一切画完后,它会清除一切,然后重新开始。

+4

使用setTimeout() –

+0

执行绘图的函数是什么?我们需要知道他们是异步还是同步。 – Goose

+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); 

}