一段非常简单的让图片自动切换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 相关文章推荐
JS中script标签defer和async属性的区别详解
Aug 12 Javascript
Bootstrap实现圆角、圆形头像和响应式图片
Dec 14 Javascript
详解vue-router 2.0 常用基础知识点之导航钩子
May 10 Javascript
深入理解JavaScript继承的多种方式和优缺点
May 12 Javascript
详解ES6中的Map与Set集合
Mar 22 Javascript
Vue+axios+WebApi+NPOI导出Excel文件实例方法
Jun 05 Javascript
解决layer弹出层中表单不起作用的问题
Sep 09 Javascript
使用p5.js实现动态GIF图片临摹重现
Oct 23 Javascript
微信小程序开发中var that =this的用法详解
Jan 18 Javascript
react 生命周期实例分析
May 18 Javascript
解决vue动态路由异步加载import组件,加载不到module的问题
Jul 26 Javascript
Vue自定义多选组件使用详解
Sep 08 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
ADODB结合SMARTY使用~超级强
2006/11/25 PHP
Zend Studio去除编辑器的语法警告设置方法
2012/10/24 PHP
php之curl实现http与https请求的方法
2014/10/21 PHP
加速IE的Javascript document输出的方法
2010/12/02 Javascript
jQuery链式操作如何实现以及为什么要用链式操作
2013/01/17 Javascript
jQuery向后台传入json格式数据的方法
2015/02/13 Javascript
ajax+jQuery实现级联显示地址的方法
2015/05/06 Javascript
关于RequireJS的简单介绍即使用方法
2016/10/20 Javascript
JavaScript实现点击按钮复制指定区域文本(推荐)
2016/11/25 Javascript
js输入框使用正则表达式校验输入内容的实例
2017/02/12 Javascript
详解vue在项目中使用百度地图
2019/03/26 Javascript
JS实现吸顶特效
2020/01/08 Javascript
微信小程序 wx:for 与 wx:for-items 与 wx:key的正确用法
2020/05/19 Javascript
Openlayers学习之地图比例尺控件
2020/09/28 Javascript
[42:32]完美世界DOTA2联赛循环赛 Magma vs PXG BO2第二场 10.28
2020/10/28 DOTA
Python基于动态规划算法计算单词距离
2015/07/25 Python
Python的条件语句与运算符优先级详解
2015/10/13 Python
ubuntu环境下python虚拟环境的安装过程
2018/01/07 Python
django.db.utils.ProgrammingError: (1146, u“Table‘’ doesn’t exist”)问题的解决
2018/07/13 Python
python 读取竖线分隔符的文本方法
2018/12/20 Python
Python读写锁实现实现代码解析
2020/11/28 Python
python安装sklearn模块的方法详解
2020/11/28 Python
CSS3动画和HTML5新特性详解
2020/08/31 HTML / CSS
利用HTML5绘制点线面组成的3D图形的示例
2015/05/12 HTML / CSS
值传递还是引用传递
2015/02/08 面试题
移动通信行业实习自我鉴定
2013/09/28 职场文书
2014年高三毕业生自我评价
2014/01/11 职场文书
绩效工资实施方案
2014/03/15 职场文书
本科生自荐信
2014/06/18 职场文书
党代会心得体会
2014/09/04 职场文书
我的兄弟姐妹观后感
2015/06/15 职场文书
2015年国培研修感言
2015/08/01 职场文书
中职班主任培训心得体会
2016/01/07 职场文书
2016简单的租房合同范本
2016/03/18 职场文书
毕业欢送晚会主持词
2019/06/25 职场文书
MySQL对数据表已有表进行分区表的实现
2021/11/01 MySQL