JS实现轮播图效果

今天来讲一讲如何用js代码写一段轮播图效果:一共是3张图片的轮播图：

var index=-1;
var i;
var pic=document.getElementsByTagName（“#box ul li”）;
var jiantou=document.getElementsByTagName（“span ul li”）;
var time=setInterval（function（）｛
            for（i=0;i<pic.length;i++）｛
                         pic[i].style.display=none;
｝
index++;
pic[index].style.display=block;
if（index>2）｛
          index=0;
｝
if（index<0）｛
         index=2;
｝
｝,1500）
pic.onmouseover=function（）｛
              clearInterval（time）;
              for（var j=0;j<jiantou.length;j++）｛
                             if（j==0）｛
                                  jiantou[0].onclick=function（）｛
                  				  index++;
                  				  if（index>2）｛
         								 index=0;
						｝ 
						｝elseif（j==1）{
                            
                                  jiantou[1].onclick=function（）｛
                   				  index--;
                   				  if（index<0）｛
             					  index=2;
 						｝

				｝else{
								  return true;
}
｝
｝
             
｝
pic.onmouseout=function(){
	setInterval(time,1500);
}

就到这里吧！大家可以借鉴一下我的轮播图代码，我也是借鉴来的，加上自己的一些想法完成的，如果有更优化的代码，也可以评论回复我，一同学习参考下^O