JavaScript实现的图片循环播放

最新推荐文章于 2020-07-22 12:21:01 发布

weixin_30834019

最新推荐文章于 2020-07-22 12:21:01 发布

阅读量210

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yechangzhong-826217795/p/11023138.html

版权

直接上干货

<html>
    <head>
        <title>Banner Cycler</title>
        <script>
            var banners = ["001.jpg","002.jpg","003.jpg"]; // 图片地址
            var counter = 0;
            function run(){
                setInterval(cycle,1000);  //重复运行cycle函数，周期100ms
            }
            function cycle(){
                counter++;
                if(counter == banners.length)    
                    counter = 0;
                document.getElementById("banner").src = banners[counter];
            }
        </script>
    </head>
    <body onload = "run();">
        
        <img id="banner" alt="banner" src="001.jpg">
        
    </body>
</html>