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


Posted in Javascript onNovember 10, 2006
<script language =javascript > 
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]; 
} 
</script> <img id=obj src ="1.jpg" border =0 /> 
可以自己配置,自己设置每张图片切换的时间间隔,自己设置每张图片的路径(绝对、相对路径都可以) 
虽然很简单,但是很实用。
Javascript 相关文章推荐
jquery自动完成插件(autocomplete)应用之PHP版
Dec 15 Javascript
javascript来定义类的规范小结
Nov 19 Javascript
javascript检测页面是否缩放的小例子
May 16 Javascript
理解JAVASCRIPT中hasOwnProperty()的作用
Jun 05 Javascript
IE、FF浏览器下修改标签透明度
Jan 28 Javascript
深入理解React高阶组件
Sep 28 Javascript
js 毫秒转天时分秒的实例
Nov 17 Javascript
Angular 项目实现国际化的方法
Jan 08 Javascript
webpack+vuex+axios 跨域请求数据的示例代码
Mar 06 Javascript
快速解决layui弹窗按enter键不停弹窗的问题
Sep 18 Javascript
javascript实现图片轮换动作方法
Aug 07 Javascript
Vue使用路由钩子拦截器beforeEach和afterEach监听路由
Nov 16 Javascript
类似框架的js代码
Nov 09 #Javascript
二级域名转向类
Nov 09 #Javascript
JavaScript的面向对象(一)
Nov 09 #Javascript
JavaScript的面向对象(二)
Nov 09 #Javascript
利用javascript查看html源文件
Nov 08 #Javascript
用javascript获得地址栏参数的两种方法
Nov 08 #Javascript
Js+Dhtml:WEB程序员简易开发工具包(预先体验版)
Nov 07 #Javascript
You might like
不错的一篇面向对象的PHP开发模式(简写版)
2007/03/15 PHP
php摘要生成函数(无乱码)
2012/02/04 PHP
两级联动select刷新后其值保持不变的实现方法
2014/01/27 PHP
php自定义hash函数实例
2015/05/05 PHP
PHP给源代码加密的几种方法汇总(推荐)
2018/02/06 PHP
js css样式操作代码(批量操作)
2009/10/09 Javascript
13个绚丽的Jquery 界面设计网站推荐
2010/09/28 Javascript
jquery 关于event.target使用的几点说明介绍
2013/04/26 Javascript
node.js中的events.emitter.listeners方法使用说明
2014/12/10 Javascript
详解Bootstrap四种图片样式
2016/01/04 Javascript
jquery输入数字随机抽奖特效的简单实现代码
2016/06/10 Javascript
Bootstrap CSS布局之按钮
2016/12/17 Javascript
PHP7新特性简述
2017/06/11 Javascript
angularjs中$http异步上传Excel文件方法
2018/02/23 Javascript
js打开word文档预览操作示例【不是下载】
2019/05/23 Javascript
[02:07]2018DOTA2亚洲邀请赛主赛事第三日五佳镜头 fy极限反杀
2018/04/06 DOTA
Python中处理字符串之islower()方法的使用简介
2015/05/19 Python
Python实现简单的四则运算计算器
2016/11/02 Python
Python随机读取文件实现实例
2017/05/25 Python
django数据库自动重连的方法实例
2019/07/21 Python
PYQT5开启多个线程和窗口,多线程与多窗口的交互实例
2019/12/13 Python
HTML 5 input placeholder 属性如何完美兼任ie
2014/05/12 HTML / CSS
英国家喻户晓的折扣商场:TK Maxx
2017/05/26 全球购物
德国W家官网,可直邮中国的母婴商城:Windeln.de
2021/03/03 全球购物
销售业务实习自我鉴定
2013/09/23 职场文书
学校岗位设置方案
2014/01/16 职场文书
房地产营销策划方案
2014/02/08 职场文书
火锅店营销方案
2014/02/26 职场文书
护理学专业求职信
2014/06/29 职场文书
2014村书记党建工作汇报材料
2014/11/02 职场文书
2014年安置帮教工作总结
2014/12/11 职场文书
2015年八一建军节演讲稿
2015/03/19 职场文书
使用tensorflow 实现反向传播求导
2021/05/26 Python
sql注入教程之类型以及提交注入
2021/08/02 MySQL
javascript条件式访问属性和箭头函数介绍
2021/11/17 Javascript
防止web项目中的SQL注入
2021/12/06 MySQL