一、简化版的轮播图
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
img{
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<img src="img/1.PNG" />
<script>
//只要有需求: 每隔一段事件就要作什么事 就需要联想到使用定时器
var img = document.getElementsByTagName("img")[0];
//实现图片的替换 但是图片的文件名可能不是有规律.
//所以可以将图片的所有文件名路径名 存到数组中. 数组是有规律的.
var src_1 = ["img/1.PNG","img/2.PNG","img/3.PNG","img/4.PNG"];
var index = 1;
setInterval(function(){
img.setAttribute("src",src_1[index]);
index++;
if(index==4){
index = 0;
}
},1000);
</script>
</body>
</html>