JS实现简单的轮播图 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>轮播图</title>
        <script>
            var index = 0;
            var img;
            function changeImg(){
                img.src="./img/" + (index%3+1) + ".jpg";
                index=index+1;
            }
            
            function loop(){
                img = document.getElementById("img1");
                setInterval("changeImg()",1500);
            }
        </script>
    </head>
    <body onload="loop()">
        <img src="./img/1.jpg" id="img1"/>
    </body>
</html>

 

posted @ 2020-04-07 10:21  yxfyg  阅读(103)  评论(0)    收藏  举报