码迷,mamicode.com
首页 > 其他好文 > 详细

settTimeout vs setInterval

时间:2016-04-26 14:01:42      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:

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

}

 

settTimeout vs setInterval

标签:

原文地址:http://www.cnblogs.com/YangqinCao/p/5434806.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!