js中间隔一段时间打印数组中的值

间隔一段时间打印数组中的一个值

在我们的实际操作中，时常会遇到这样一个问题，比如：有一个数组 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);