首页 > 代码库 > 图片轮播

图片轮播

1.声明数组存放页面中所有图片
2.声明计数器i
3.获取页面中的images的src属性的第一个下标,并不断往里面填充数组内的图片
document.images[0].src=http://www.mamicode.com/‘images’+Array[i];
4.计时器自增
5.声明计时器,每间隔一段时间实现图片切换
6.计数器归零,如果计数器长度超过数组长度,将计数器清零
if(i>Array.length){
i=0;
}
7.将上述封装成函数,实现调用

 


<!-- 间隔换图 -->
<!-- <img src="http://www.mamicode.com/images/1.jpg" >
<script>
var imgs=[‘1.jpg‘,‘2.jpg‘,‘3.jpg‘];
var i=0;
var t;
function change(){
clearInterval(t);
if(i>imgs.length-1){
i=0;
}
document.images[0].src=http://www.mamicode.com/‘images/‘+imgs[i];//此时读取的对象是文档流中的对象
i++;
var t=setInterval(‘change()‘,1000);
}
change();
</script> -->

图片轮播