代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>轮播图</title>
</head>
<body>
<!--
分析:
1.展示图片
2.定义一个方法,修改图片对象的src方法
3.定义一个定时器,每隔几秒调用一次方法
-->
<!--第一步-->
<img id = "img1" src="img/banner_1.jpg" alt="" width = "100%">
<!--第二步-->
<script>
var num = 1;
function fun() {
num++;
if(num>2){
num = 1;
}
var img = document.getElementById("img1");
img.src = "img/banner_"+num+".jpg";
}
// 设置循环
setInterval(fun,3000);
</script>
</body>
</html>