开发学院网页设计 JavaScript 一段非常简单的让图片自动切换js代码阅读

一段非常简单的让图片自动切换js代码

　2006-11-07 19:54:13　来源：WEB开发网　闂傚倷绶氬ḿ褍螞閹绢喖绠柨鐕傛嫹

闂傚倷绀侀幉锟犲垂閻㈠灚宕查柟鎵閸庡秵銇勯幒鎴濃偓鐢稿磻閹炬枼妲堟繛鍡楃С濞岊亞绱撻崒姘扁枌闁瑰嚖鎷�

婵犵數濮幏鍐川椤撴繄鎹曢梻渚€娼уú銈吤洪妸鈺佺劦妞ゆ帊鑳堕埊鏇㈡煏閸モ晛浠х紒杈╁仱閺佹捇鏁撻敓锟�闂傚倷绶氬ḿ褍螞閹绢喖绠柨鐕傛嫹　　闂傚倷鑳舵灙缂佺粯顨呴埢宥夊即閵忕姵鐎梺缁樺姇閹碱偆鐥閺屾洘绻濊箛鏇犵獥闂佺厧澹婃禍婊堚€旈崘顏佸亾閿濆骸澧ù鐘欏嫮绠鹃柛顐ゅ枎閻忋儲銇勯弴妯哄姦妞ゃ垺鐟╅幃鈩冩償閵囧府鎷�

核心提示：1<script language =javascript > 2var curIndex=0; 3//时间间隔单位毫秒 4var timeInterval=1000; 5var arr=new Array(); 6arr[0]="1.jpg"; 7arr[1]="2.jpg

1<script language =javascript >
2var curIndex=0;
3//时间间隔单位毫秒
4var timeInterval=1000;
5var arr=new Array();
6arr[0]="1.jpg";
7arr[1]="2.jpg";
8arr[2]="3.jpg";
9arr[3]="4.jpg";
10arr[4]="5.jpg";
11arr[5]="6.jpg";
12arr[6]="7.jpg";
13setInterval(changeImg,timeInterval);
14function changeImg()
15{
16　 var obj=document.getElementById("obj");
17　 if (curIndex==arr.length-1)
18　 {
19　　　 curIndex=0;
20　 }
21　 else
22　 {
23　　　 curIndex+=1;
24　 }
25　 obj.src=arr[curIndex];
26}
27</script>
28
29<img id=obj src ="1.jpg" border =0 />
可以自己配置，自己设置每张图片切换的时间间隔，自己设置每张图片的路径（绝对、相对路径都可以）
虽然很简单，但是很实用。