版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/GUANYAQI1996/article/details/78923463
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>首页</title>
<script>
function init(){
//轮播图片显示的定时操作
setInterval("changeImg()",2000);
}
//函数
var i=0
function changeImg(){
i++;
//获取图片位置
document.getElementById("img1").src="image/"+i+".jpg";
if(i==3){
i=0;
}
}
</script>
<style>
*{padding:0px;margin:0px;border:0px;}
img{height:636px;}
</style>
</head>
<body onload="init()">
<div id="photo">
<img src="image/1.jpg" width="100%" id="img1"/>
</div>
</body>
</html>