一段非常简单的让图片自动切换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实现的页内搜索代码
May 23 Javascript
JavaScrip单线程引擎工作原理分析
Sep 04 Javascript
打豆豆小游戏 用javascript编写的[打豆豆]小游戏
Jan 08 Javascript
JQuery slideshow的一个小问题(如何发现及解决过程)
Feb 06 Javascript
jquery实现商品拖动选择效果代码(自写)
May 28 Javascript
使用delegate方法为一个tr标签加一个链接
Jun 27 Javascript
浅谈js中test()函数在正则中的使用
Aug 19 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
Mar 29 Javascript
JavaScript获取用户所在城市及地理位置
Apr 21 Javascript
JavaScript事件对象event用法分析
Jul 27 Javascript
vue初始化动画加载的实例
Sep 01 Javascript
ES6知识点整理之数组解构和字符串解构的应用示例
Apr 17 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实现域名whois查询的代码(数据源万网、新网)
2010/02/22 PHP
php实现斐波那契数列的简单写法
2014/07/19 PHP
PHP传值到不同页面的三种常见方式及php和html之间传值问题
2015/11/19 PHP
Laravel重定向,a链接跳转,控制器跳转示例
2019/10/22 PHP
JavaScript 计算当天是本年本月的第几周
2009/03/22 Javascript
javascript 写类方式之七
2009/07/05 Javascript
js创建数据共享接口——简化框架之间相互传值
2011/10/23 Javascript
javascript实现的DES加密示例
2013/10/30 Javascript
结合JQ1.9通过js正则判断各种浏览器版本的方法
2013/12/30 Javascript
js实现两点之间画线的方法
2015/05/12 Javascript
jQuery实现自动与手动切换的滚动新闻特效代码分享
2015/08/27 Javascript
jQuery解析与处理服务器端返回xml格式数据的方法详解
2016/07/04 Javascript
Vue-cli proxyTable 解决开发环境的跨域问题详解
2017/05/18 Javascript
vue监听键盘事件的快捷方法【推荐】
2018/07/11 Javascript
详解webpack loader和plugin编写
2018/10/12 Javascript
微信小程序实现下拉菜单切换效果
2020/03/30 Javascript
解决vue移动端适配问题
2018/12/12 Javascript
JS闭包原理与应用经典示例
2018/12/20 Javascript
解决vue+ element ui 表单验证有值但验证失败问题
2020/01/16 Javascript
JSONP解决JS跨域问题的实现
2020/05/25 Javascript
[04:04]显微镜下的DOTA2第六期——电影级别的华丽团战
2014/06/20 DOTA
Django CBV类的用法详解
2019/07/26 Python
python-序列解包(对可迭代元素的快速取值方法)
2019/08/24 Python
Python笔试面试题小结
2019/09/07 Python
Python读取YAML文件过程详解
2019/12/30 Python
python GUI库图形界面开发之PyQt5不规则窗口实现与显示GIF动画的详细方法与实例
2020/03/09 Python
python3用PyPDF2解析pdf文件,用正则匹配数据方式
2020/05/12 Python
python3.x中安装web.py步骤方法
2020/06/23 Python
PyCharm设置注释字体颜色以及是否倾斜的操作
2020/09/16 Python
详解Python调用系统命令的六种方法
2021/01/28 Python
仓库组长岗位职责
2014/01/29 职场文书
财务部经理岗位职责
2014/02/03 职场文书
yy生日主持词
2014/03/20 职场文书
晚会开幕词范文
2016/03/04 职场文书
基于Python实现射击小游戏的制作
2022/04/06 Python
kubernetes集群搭建Zabbix监控平台的详细过程
2022/07/07 Servers