直接使用Javascript的计时器、DOM模型操作，将当前目录下的10张图片循环显示在网页上

最新推荐文章于 2021-09-21 12:13:16 发布

llxtxwd

最新推荐文章于 2021-09-21 12:13:16 发布

阅读量513

点赞数 3

分类专栏： web

本文链接：https://blog.csdn.net/llx20001212/article/details/117233715

版权

js dom

web 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<img src="../img/1_11.jpg" alt=".." id="jpg">
		<script type="text/javascript">
			setInterval("change()",1000);
			var i=1;
			function change(){
				var pic=document.getElementById("jpg");
				i++;
				pic.setAttribute("src","../img/1_1"+i+".jpg");
				if(i==3) i=0;
			}
		</script>
	</body>
</html>

要注意setInterval的函数参数要加引号，书上写的太简略了。

然后如果要实现题目只需要把路径和数字一改就行。