settTimeout vs setInterval

setTimeout：过一段固定的时间后，将代码提交到代码队列中排队。

setInterval：每隔一段固定的时间，执行一次代码。

他们两都接受两个参数，第一个参数是字符串或者函数，第二个参数是设定的时间值。第一个参数是字符串时有时会出错，因此建议使用函数作为第一个参数。

举个例子：有10个div，设置了宽度和高度，现在需要第一个div改变成蓝色后，第二个div改变为蓝色，...，最后一个div改变为蓝色

<div></div>

<div></div>

<div></div>

<div></div>

<div></div>

<div></div>

<div></div>

<div></div>

<div></div>

<div></div>

一、setTimeout

如果想要使用setTimeout实现上面的功能，那么可以有两种方式：

1）放在for循环中

for(var i=0;i<10;i++){

　　(function(i){

　　　　setTimeout(function(){

　　　　　　div[i].style.backgroundColor="blue";

　　　　},500);

　　})(i);

}