轮播图
<body>
<img id="img" src="num1.jpg" width="100%">
<script>
/*
思路
1.在页面上使用img展示图片
2.定义一个方法修改图片对象链接
3.定义一个定时器,每隔三秒调用方法一次
*/
//修改图片src
var number = 1;
function fun() {
number++;
if (number>2){
number=1;
}
var img = document.getElementById("img");
img.src = "num"+number+".jpg";
}
//2.定义定时器
setInterval(fun,3000);
</script>
</body>