js 每隔多长时间切换图片

最新推荐文章于 2022-04-05 18:05:14 发布

安静的大笨钟

最新推荐文章于 2022-04-05 18:05:14 发布

阅读量801

点赞数 1

本文链接：https://blog.csdn.net/qq_40417326/article/details/86651284

版权

编程过程
1.img标签放图片，默认为第一张，为了方便找图片，图片名称最好为数字加图片类型后缀（1.jpg 2.jpg ……）;
2.给图片定义一个id通过getElementById();找到它
3.图片依次变化（定时器，若图片变化到最后一张，则重新返回到第一张）

img src="images/1.jpg" alt="" id="pic">

var oPic=document.getElementById('box');
		var index=1;//定义一个变量初值为1
		setInterval(changeImg,2000);//每隔2秒运行一次以下函数；
		function changeImg(){  
			index++; //index的值每次+1
			if (index==5) { //判断如果index的值为5（图片最后一张）
				index=1;   //index值变为1
			}
			oPic.src='images/'+index+'.jpg' ;//图片名称随index改变而改变
		}