哪位大神能不能帮忙弄个注释，初学，不是太理解代码，谢谢谢

<!DOCTYPE html>

<head>

<title>使用数组实现图片自动轮播</title>

#main {

width: 700px;

height: 450px;

margin: 0 auto;

text-align: center;

}

</style>

var curIndex = 0;

var timeInterval = 1000;

var arr = new Array();

arr[0] = '../../老师/校内课程3.16/img/1.jpeg';

arr[1] = '../../老师/校内课程3.16/img/2.jpeg';

arr[2] = '../../老师/校内课程3.16/img/3.jpeg';

arr[3] = '../../老师/校内课程3.16/img/4.jpeg';

arr[4] = '../../老师/校内课程3.16/img/5.jpeg';

setInterval(changeImg, timeInterval);

function changeImg() {

var obj = document.getElementById('imge');

if (curIndex == arr.length - 1) {

curIndex = 0;

} else {

curIndex += 1;

}

obj.src = arr[curIndex];

}

</script>

</head>

<body>

<h1>使用数组实现图片自动轮播</h1>

</div>

</body>

</html>

<!DOCTYPE html>
 
<html lang="en">

<head>

    <meta charset="UTF-8" />

    <title>使用数组实现图片自动轮播</title>

    <style type="text/css">
        #main {
            width: 700px;

            height: 450px;

            margin: 0 auto;

            text-align: center;

        }
    </style>

    <script type="text/javascript">

        var curIndex = 0; //当前下标

        var timeInterval = 1000; //定时器毫秒数

        var arr = new Array(); //图片数组

        arr[0] = '../../老师/校内课程3.16/img/1.jpeg'; //给数组项赋值(src路径)

        arr[1] = '../../老师/校内课程3.16/img/2.jpeg';//给数组项赋值(src路径)

        arr[2] = '../../老师/校内课程3.16/img/3.jpeg';//给数组项赋值(src路径)

        arr[3] = '../../老师/校内课程3.16/img/4.jpeg';//给数组项赋值(src路径)

        arr[4] = '../../老师/校内课程3.16/img/5.jpeg';//给数组项赋值(src路径)

        setInterval(changeImg, timeInterval); //定时调用轮播事件

        function changeImg() { //改变图片事件
            var obj = document.getElementById('imge'); //获取id为image的dom元素

            if (curIndex == arr.length - 1) { //判断如果当前下标等于图片数组的最后一项（说明：轮播到了最后一张图片，所以要回到第一张）
                curIndex = 0; //重置当前下标（也就是回到第一张图片）

            } else { //如果当前下标不等于图片数组的最后一项，当前下标加1（也就是切换下一张图片）
                curIndex += 1; //可以简写为 curIndex=curIndex+1(+=,-=类似)

            }

            obj.src = arr[curIndex]; // dom元素id为image的src路径赋值为下一张图片的路径

        }

    </script>

</head>

<body>

    <div id="main">

        <h1>使用数组实现图片自动轮播</h1>

        <img id="imge" src="../../老师/校内课程3.16/img/1.jpeg" alt="picture" />

    </div>

</body>

</html>

这个其实很好理解，就是定义当前下标，定时调用改变图片1路径事件，下标加一，最后赋值给dom元素

请你说一下，这个Html 页面中，哪个是你懂的，哪些是不懂的。