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

我爱抠鼻子

我爱抠鼻子

2016-02-19 15:41

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的一段非常简单的让图片自动切换js代码懂设计的网友们快点来了解吧!
1script 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
29img id=obj src ="1.jpg" border =0 /
可以自己配置,自己设置每张图片切换的时间间隔,自己设置每张图片的路径(绝对、相对路径都可以)
虽然很简单,但是很实用。
展开更多 50%)
分享

猜你喜欢

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

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

一段几乎可以让你死机的JS代码

Web开发
一段几乎可以让你死机的JS代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

按比例微缩图片的一段小小的JS代码

Web开发
按比例微缩图片的一段小小的JS代码

一段js小代码计算距春节还有多少天

Web开发
一段js小代码计算距春节还有多少天

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

一段好玩的JavaScript代码

Web开发
一段好玩的JavaScript代码

一段返回随机记录的代码

ASP
一段返回随机记录的代码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

八个学习点帮助你全面认识Oracle数据库

八个学习点帮助你全面认识Oracle数据库

jQuery 相关控件的事件操作分解

jQuery 相关控件的事件操作分解
下拉加载更多内容 ↓