JavaScript實現的圖片循環播放

時間 2019-11-06

原文原文鏈接

直接上乾貨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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。