分析
1.用img标签展示图片并控制大小
2.定义一个方法,修改图片的src属性
3.定义一个定时器, 每隔三秒去调用方法一次
三张图片素材: 在当前文件目录./img下
banner_2.jpg
banner_2.jpg
banner_2.jpg
代码
<body>
<img id="img" src="./img/banner_1.jpg" width="100%">
<script>
var number = 1;
//定义定时器
setInterval(fun, 2000);
//修改图片src的方法
function fun() {
number++;
//判断number是否大于3
if (number > 3) {
number = 1;
}
//获取img对象
var img = document.getElementById("img");//获取图片的id
img.src = "img/banner_" + number + ".jpg";
}
</script>