JavaScript实现的图片循环播放

最新推荐文章于 2025-03-12 13:07:57 发布

cighao

最新推荐文章于 2025-03-12 13:07:57 发布

阅读量1.2w

点赞数 2

分类专栏： Web开发 JavaScript 文章标签： JavaScript 图片循环播放

本文链接：https://blog.youkuaiyun.com/cighao/article/details/49338903

版权

Web开发同时被 2 个专栏收录

16 篇文章

订阅专栏

JavaScript

6 篇文章

订阅专栏

<html>
	<head>
		<title>Banner Cycler</title>
		<script>
			var banners = ["1.jpg","2.jpg","3.jpg"]; // 图片地址
			var counter = 0;
			function run(){
				setInterval(cycle,1000);  //重复运行cycle函数，周期1000ms
			}
			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="1.jpg">
		
	</body>
</html>