JavaScript实现的图片循环播放


直接上干货

<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>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM