间隔一段时间打印数组中的一个值
在我们的实际操作中,时常会遇到这样一个问题,比如:有一个数组 arr = [1,2,3,4,5]; 要求间隔1s中打印数组中的一个值,与停止1s在打印数组中的值
先列举两个停止1s打印数组中的值
利用for循环和定时器来实现
var arr = [1,2,3,4,5];
for(var i = 0; i < arr.length; i++){
(function(a){ //因为setTimeout异步执行的特性,所以定义一个自执行函数,先把i的值传入进来,避免在执行setTimeout的时候i的值变为4。
setTimeout(function(){
console.log(arr[a]);
},1000);
})(i);
}
var arr = [1,2,3,4,5];
for(var i = 0; i < arr.length; i++){
(function(a){
var timer = setInterval(function(){ //注意定义timer的时候,要放在自执行函数中,也是由于setInterval的异步特性,避免在清除定时器时,清除的是无效的timer
console.log(arr[a]);
clearInterval(timer); //在每次执行完任务时,直接清除掉定时器
},1000);
})(i);
}
上面的两种方式是间隔1s直接打印数组中的值,1,2,3,4,5;
下面这种方法则是间隔1s打印数组中的一个值
var i = 0; //在外面定义一个变量作为判断的标准
var timer = setInterval(function(){
console.log(arr[i]);
i++;
if(i > arr.length-1){ //因为i++的原因,所以当i的值大于数组的长度-1的时候,清除定时器
clearInterval(timer);
}
},1000);