首页 > 其他 > 详细

settTimeout vs setInterval

时间:2016-04-26 14:01:27      阅读:205      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!