一段非常简单的让图片自动切换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 相关文章推荐
JAVASCRIPT下判断IE与FF的比较简单的方式
Oct 17 Javascript
跨浏览器开发经验总结(四) 怎么写入剪贴板
May 13 Javascript
jQuery用unbind方法去掉hover事件及其他方法介绍
Mar 18 Javascript
JS获取当前网址、主机地址项目根路径
Nov 19 Javascript
jQuery树形控件zTree使用小结
Aug 02 Javascript
canvas绘制的直线动画
Jan 23 Javascript
谈谈JavaScript数组常用方法总结
Jan 24 Javascript
webpack 插件html-webpack-plugin的具体使用
Apr 09 Javascript
js实现一款简单踩白块小游戏(曾经很火)
Dec 02 Javascript
vue-property-decorator用法详解
Dec 12 Javascript
js中addEventListener()与removeEventListener()用法案例分析
Mar 02 Javascript
vue移动端弹起蒙层滑动禁止底部滑动操作
Jul 22 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 5.0对象模型深度探索之类的静态成员
2008/03/27 PHP
基于xcache的配置与使用详解
2013/06/18 PHP
preg_match_all使用心得分享
2014/01/31 PHP
php计算到指定日期还有多少天的方法
2015/04/14 PHP
PHP终止脚本运行三种实现方法详解
2020/09/01 PHP
javascript小数计算出现近似值的解决办法
2010/02/06 Javascript
JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码
2012/02/02 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(四)用地图块拼成大地图
2013/01/23 Javascript
javascript ajax的5种状态介绍
2014/08/18 Javascript
原生js和jQuery写的网页选项卡特效对比
2015/04/27 Javascript
浅谈JavaScript变量的自动转换和语句
2016/06/12 Javascript
JS Ajax请求如何防止重复提交
2016/06/13 Javascript
基于JavaScript实现点击页面任何位置返回
2016/08/31 Javascript
最实用的jQuery分页插件
2016/10/09 Javascript
简单实现jQuery级联菜单
2017/01/09 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
2017/01/13 Javascript
NodeJS实现不可逆加密与密码密文保存的方法
2018/03/16 NodeJs
微信小程序利用canvas 绘制幸运大转盘功能
2018/07/06 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
2018/08/31 Javascript
解决vue props 拿不到值的问题
2018/09/11 Javascript
vue axios重复点击取消上一次请求封装的方法
2019/06/19 Javascript
AngularJS动态生成select下拉框的方法实例
2019/11/17 Javascript
vue项目配置使用flow类型检查的步骤
2020/03/18 Javascript
Python访问纯真IP数据库脚本分享
2015/06/29 Python
Django 如何获取前端发送的头文件详解(推荐)
2017/08/15 Python
BP神经网络原理及Python实现代码
2018/12/18 Python
Django 重写用户模型的实现
2019/07/29 Python
python爬取百度贴吧前1000页内容(requests库面向对象思想实现)
2019/08/10 Python
Python request操作步骤及代码实例
2020/04/13 Python
Python爬虫爬取微信朋友圈
2020/08/06 Python
什么是.net
2015/08/03 面试题
政治思想表现评语
2014/05/04 职场文书
民主生活会剖析材料
2014/09/30 职场文书
2016年社区文体活动总结
2016/04/06 职场文书
浅谈golang 中time.After释放的问题
2021/05/05 Golang
python之基数排序的实现
2021/07/26 Python