一段非常简单的让图片自动切换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 强制设为首页的代码
Jan 31 Javascript
基于jQuery的树控件实现代码(asp.net+json)
Jul 11 Javascript
JS计算网页停留时间代码
Apr 28 Javascript
Bootstrap三种表单布局的使用方法
Jun 21 Javascript
js中json处理总结之JSON.parse
Oct 14 Javascript
前端 Vue.js 和 MVVM 详细介绍
Dec 29 Javascript
最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等
Aug 16 Javascript
不得不看之JavaScript构造函数及new运算符
Aug 21 Javascript
使用Vue实现图片上传的三种方式
Jul 17 Javascript
vue异步axios获取的数据渲染到页面的方法
Aug 09 Javascript
使用pm2自动化部署node项目的方法步骤
Jan 28 Javascript
茶余饭后聊聊Vue3.0响应式数据那些事儿
Oct 30 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
层叠菜单的动态生成
2006/10/09 PHP
php中如何使对象可以像数组一样进行foreach循环
2013/08/09 PHP
php使用filter过滤器验证邮箱 ipv6地址 url验证
2013/12/25 PHP
PHP微信公众号开发之微信红包实现方法分析
2017/07/14 PHP
Jquery实现视频播放页面的关灯开灯效果
2013/05/27 Javascript
node.js中使用node-schedule实现定时任务实例
2014/06/03 Javascript
js动态生成form 并用ajax方式提交的实现方法
2016/09/09 Javascript
什么是JavaScript中的结果值?
2016/10/08 Javascript
Angular页面间切换及传值的4种方法
2016/11/04 Javascript
分享bootstrap学习笔记心得(组件及其属性)
2017/01/11 Javascript
javascript事件的绑定基础实例讲解(34)
2017/02/14 Javascript
vue slot 在子组件中显示父组件传递的模板
2018/03/02 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
2018/04/18 Javascript
微信小程序上传图片功能(附后端代码)
2020/06/19 Javascript
一步步教你利用Docker设置Node.js
2018/11/20 Javascript
JavaScript实现捕获鼠标坐标
2020/04/12 Javascript
[01:01:22]VGJ.S vs OG 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
python的即时标记项目练习笔记
2014/09/18 Python
python脚本执行CMD命令并返回结果的例子
2019/08/14 Python
Python通过正则库爬取淘宝商品信息代码实例
2020/03/02 Python
如何基于Python Matplotlib实现网格动画
2020/07/20 Python
详解H5 活动页之移动端 REM 布局适配方法
2017/12/07 HTML / CSS
纽约的奢华内衣店:Journelle
2016/07/29 全球购物
超级英雄、电影和电视、乐队和音乐T恤:Loud Clothing
2019/09/01 全球购物
英国复古服装购物网站:Collectif
2019/10/30 全球购物
泰海淘:泰国king Power王权免税集团旗下跨境海淘综合型电商
2020/07/26 全球购物
PHP如何去执行一个SQL语句
2016/03/05 面试题
Internet主要有哪些网络群组成
2015/12/24 面试题
控制工程专业个人求职信
2013/09/25 职场文书
教师自我鉴定
2013/12/13 职场文书
高中美术教师事迹材料
2014/08/22 职场文书
心得体会的写法
2014/09/05 职场文书
干部四风问题整改措施思想汇报
2014/10/13 职场文书
2015年精神文明建设工作总结
2015/04/21 职场文书
2015年世界环境日活动方案
2015/05/05 职场文书
解决jupyter notebook图片显示模糊和保存清晰图片的操作
2021/04/24 Python