<!DOCTYPE html
>
<html
>
<head
>
<meta charset
="utf-8">
<title
></title
>
<style type
="text/css">
img
{
width
: 200px
;
height
: 130px
;
}
.h
{
display
: none
;
}
.s
{
display
: block
;
}
</style
>
</head
>
<body
>
<img src
="view1.jpg" class="h">
<img src
="view2.jpg" class="h">
<img src
="view3.jpg" class="h">
</body
>
<script type
="text/javascript">
var c
=0;
function showPic2(){
var iE
=document
.getElementsByTagName("img");
for(var i
=0;i
<iE
.length
;i
++){
if(c
==i
){
iE
[i
].className
="s";
}else{
iE
[i
].className
="h";
}
}
c
++;
if(c
==3){
c
=0;
}
}
setInterval(showPic2
,1000);
</script
>
</html
>
原理：遍历DOM中的img节点和count计数比较，相同的利用className让其显示，不同的让其隐藏
