html5+实现图片自动切换 js图片自动切换效果处理代码

var curIndex=0;

//时间间隔 单位毫秒

var timeInterval=1000;

var arr=new Array();

arr[0]="1.jpg";

arr[1]="2.jpg";

arr[2]="3.jpg";

arr[3]="4.jpg";

arr[4]="5.jpg";

arr[5]="6.jpg";

arr[6]="7.jpg";

setInterval(changeImg,timeInterval);

function changeImg()

{

var obj=document.getElementById("obj");

if (curIndex==arr.length-1)

{

curIndex=0;

}

else

{

curIndex+=1;

}

obj.src=arr[curIndex];

}

可以自己配置，自己设置每张图片切换的时间间隔，自己设置每张图片的路径(绝对、相对路径都可以)

虽然很简单，但是很实用。

图片自动跳转

setInterval(test,1000);

var array=new Array();

var index=0;

var array= new Array("image/1.jpg","image/2.jpg","image/3.jpg","image/4.jpg","image/5.jpg","image/6.jpg","image/7.jpg","image/8.jpg","image/9.jpg","image/10.jpg");

function test()

{ var myimg=document.getElementById("imgs");

if(index==array.length-1)

{ index=0; }else{ index++; }

myimg.src=array[index];

}