图片轮播
Posted MorningKit
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了图片轮播相关的知识，希望对你有一定的参考价值。
1.声明数组存放页面中所有图片
2.声明计数器i
3.获取页面中的images的src属性的第一个下标，并不断往里面填充数组内的图片
document.images[0].src=‘images’+Array[i];
4.计时器自增
5.声明计时器，每间隔一段时间实现图片切换
6.计数器归零，如果计数器长度超过数组长度，将计数器清零
if(i>Array.length){
i=0;
}
7.将上述封装成函数，实现调用
<!-- 间隔换图 -->
<!-- <img src="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=‘images/‘+imgs[i];//此时读取的对象是文档流中的对象
i++;
var t=setInterval(‘change()‘,1000);
}
change();
</script> -->
以上是关于图片轮播的主要内容，如果未能解决你的问题，请参考以下文章