js 中的for循环 怎么睡眠几秒?就是循环1次睡眠3秒?

JavaScript051

js 中的for循环 怎么睡眠几秒?就是循环1次睡眠3秒?,第1张

在js中,是没有睡眠这个概率的。

因为js语句是自上而下执行的,这样语句一触发,就会接着往小执行其他的代码,不会等着语句执行完毕。

所有,你这里需要的这个"睡眠",就算存在,那也只是延迟了for循环里面的代码的"执行",并不会延迟for本身的执行,我这里说的"延迟了for循环里面的代码的执行",是for循环内部的语句,一次性执行for所循环的次数次(这里可能有点难明白,比如for执行10次,延迟3秒,那for里面的代码会在延迟3秒后,一次性执行10次)。

如果要达到这个要求,就需要模拟"睡眠",使用定时器(setInterval)或者延时器(setTimeout):

//lst:需要循环的集合,timer:需要延迟的时间(单位:S)

function for_Interva(lst,timer){

    var index=0

    var Intertimer=setInterval(function(){

        //操作集合中第lst[index]个

        //集合小标+1

        index+=1

        //判断index是否达到集合最后一个

        if(index>=lst.length){

        //如果达到了,就清除定时器,停止循环

          clearInterval(Intertimer)

        }

    },timer)

}

function for_ITimeout(lst,timer){

       var index=0

       function timeoutfor(){

           //操作集合中第lst[index]个

            //集合小标+1

            index+=1

            //判断index是否达到集合最后一个

            if(index<lst.length){

            //没有达标,就继续循环。达标后,不会进入此if

                Timeout(function(){

                    timeoutfor()

                },timer)

            }

       }

    Timeout(function(){

            timeoutfor()

    },timer)

}

可以用 setInterval 或者 setTimeout  模拟

(function(){

    var index = 0,

        maxIndex = 5,

        timer

    

    function test(){

        if( index > maxIndex ){

            clearInterval(timer)

            return

        }

        alert(index)

        index++

    }

    

    timer = setInterval(test, 3000)

})()