JavaScript中怎样在一分钟的前中后3个20秒里实现图片间的相互切换?

• 1


• 2


• 3

    
    

    window.onload = function(){
        var imgArr =['img7.jpg','img8.jpg',"img9.jpg"];
        chageImg("test",imgArr,1000*20);
    };
    /**
     *
     * @param id img标签的id
     * @param arr 图片路径数组
     * @param ms 重复执行的毫秒数
     */
    function chageImg(id,arr,ms){
        var imgSrc = arr[0];
        var img = document.getElementById(id);
        img.src = imgSrc;
        var i = 1;
        setInterval(function(){
                if (i < arr.length -1) {
                    i++;
                } else {
                    i = 0;
                }
            img.src = arr[i];
            console.log(new Date().toLocaleString())
        },ms);
    }