首页 > 代码库 > 图片轮播
图片轮播
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> -->
图片轮播
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。