一段非常简单的让图片自动切换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用get实现ajax在ie里面刷新不进入后台解决方法
Aug 12 Javascript
详细介绍8款超实用JavaScript框架
Oct 25 Javascript
javascript中拼接HTML字符串的最快、最好的方法
Jun 07 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
Sep 04 Javascript
基于js实现投票的实例代码
Aug 04 Javascript
详解maxlength属性在textarea里奇怪的表现
Dec 27 Javascript
vue调用高德地图实例代码
Apr 28 Javascript
vue.js实现的全选与全不选功能示例【基于elementui】
Dec 03 Javascript
JS字符串常用操作方法实例小结
Jun 24 Javascript
vue 获取视频时长的实例代码
Aug 20 Javascript
JS函数进阶之prototy用法实例分析
Jan 15 Javascript
html5调用摄像头截图功能
Jan 18 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 discuz 主题表和回帖表的设计
2009/03/13 PHP
PHP附件下载中文名称乱码的解决方法
2015/12/17 PHP
php中关于长度计算容易混淆的问题分析
2016/05/27 PHP
jQuery中实现动画效果的基本操作介绍
2013/04/16 Javascript
javascript十六进制及二进制转化的方法
2015/05/06 Javascript
JQuery+Ajax实现数据查询、排序和分页功能
2015/09/27 Javascript
jquery Deferred 快速解决异步回调的问题
2016/04/05 Javascript
javascript实现下雪效果【实例代码】
2016/05/03 Javascript
浅谈JavaScript的全局变量与局部变量
2016/06/10 Javascript
详解angular2实现ng2-router 路由和嵌套路由
2017/03/24 Javascript
js实现一个简单的数字时钟效果
2017/03/29 Javascript
Vue2.0设置全局样式(less/sass和css)
2017/11/18 Javascript
使用javascript做在线算法编程
2018/05/25 Javascript
react PropTypes校验传递的值操作示例
2020/04/28 Javascript
JS轮播图的实现方法2
2020/08/25 Javascript
如何使用jQuery操作Cookies方法解析
2020/09/08 jQuery
[36:02]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第一局
2016/02/28 DOTA
Python内置函数——__import__ 的使用方法
2017/11/24 Python
python实现维吉尼亚加密法
2019/03/20 Python
python常用库之NumPy和sklearn入门
2019/07/11 Python
Python中xml和dict格式转换的示例代码
2019/11/07 Python
python 实现关联规则算法Apriori的示例
2020/09/30 Python
细说NumPy数组的四种乘法的使用
2020/12/18 Python
HTML5本地存储之Web Storage详解
2016/07/04 HTML / CSS
HTML5实现自带进度条和滑块滑杆效果
2018/04/17 HTML / CSS
天美时手表加拿大官网:Timex加拿大
2016/09/01 全球购物
MVMT手表官方网站:时尚又实惠的高品质手表
2016/12/04 全球购物
澳大利亚礼品篮网站:Macarthur Baskets
2019/10/14 全球购物
英文商务邀请信
2014/01/22 职场文书
教师自我鉴定范文
2014/03/20 职场文书
党课知识竞赛主持词
2014/04/01 职场文书
节约用水演讲稿
2014/05/21 职场文书
长城的导游词
2015/01/30 职场文书
python绘制箱型图
2021/04/27 Python
分享3个非常实用的 Python 模块
2022/03/03 Python
教你使用Jenkins集成Harbor自动发布镜像
2022/04/03 Servers