手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >一段非常简单的让图片自动切换js代码
一段非常简单的让图片自动切换js代码
摘要:复制代码代码如下:varcurIndex=0;//时间间隔单位毫秒vartimeInterval=1000;vararr=newArray(...

复制代码 代码如下:

<scriptlanguage=javascript>

varcurIndex=0;

//时间间隔单位毫秒

vartimeInterval=1000;

vararr=newArray();

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

functionchangeImg()

{

varobj=document.getElementById("obj");

if(curIndex==arr.length-1)

{

curIndex=0;

}

else

{

curIndex+=1;

}

obj.src=arr[curIndex];

}

</script>

<imgid=objsrc="1.jpg"border=0/>

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

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

【一段非常简单的让图片自动切换js代码】相关文章:

获得当前页面URL地址的三个JS代码

jQuery实现的多屏图像图层切换效果实例

将HTML自动转为JS代码

你一定会收藏的Nodejs代码片段

超酷右下浮出广告窗口代码

一个很简单的办法实现TD的加亮效果.

JavaScript实现带标题的图片轮播特效

鼠标图片振动代码

简单介绍JavaScript的变量和数据类型

一个很简单的办法实现TD的加亮效果.

精品推荐
分类导航