JavaScript实现的图片循环播放

最新推荐文章于 2023-02-18 23:17:02 发布

cighao

最新推荐文章于 2023-02-18 23:17:02 发布

阅读量1.2w

点赞数 2

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

本文链接：https://blog.csdn.net/cighao/article/details/49338903

版权

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

16 篇文章 0 订阅

订阅专栏

JavaScript

6 篇文章 0 订阅

订阅专栏

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

优惠劵

cighao

关注关注

2
点赞
踩
35

收藏

觉得还不错? 一键收藏
1
评论
JavaScript实现的图片循环播放

Banner Cycler var banners = ["1.jpg","2.jpg","3.jpg"]; // 图片地址 var counter = 0; function run(){ setInterval(cycle,1000); //重复运行cycle函数，周期1000ms } function cycle(){ counter++
复制链接

扫一扫