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];

}

總結

以上是生活随笔為你收集整理的html5+实现图片自动切换,js图片自动切换效果处理代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。