一段非常简单的让图片自动切换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 相关文章推荐
Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)
Jun 27 Javascript
javascript实现倒计时并弹窗提示特效
Jun 05 Javascript
Javascript中replace()小结
Sep 30 Javascript
jquery中实现时间戳与日期相互转换
Apr 12 Javascript
jQuery限制图片大小的方法
May 25 Javascript
分享jQuery封装好的一些常用操作
Jul 28 Javascript
利用jquery实现实时更新歌词的方法
Jan 06 Javascript
Angularjs2不同组件间的通信实例代码
May 06 Javascript
react-router v4如何使用history控制路由跳转详解
Jan 09 Javascript
vue项目实现记住密码到cookie功能示例(附源码)
Jan 31 Javascript
layui 监听表格复选框选中值的方法
Aug 15 Javascript
iview tabs 顶部导航栏和模块切换栏的示例代码
Mar 04 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设计模式 Template (模板模式)
2011/06/26 PHP
php守护进程 加linux命令nohup实现任务每秒执行一次
2011/07/04 PHP
web目录下不应该存在多余的程序(安全考虑)
2012/05/09 PHP
PHP exif扩展方法开启详解
2014/07/28 PHP
PHP函数rtrim()使用中的怪异现象分析
2017/02/24 PHP
PHP静态延迟绑定和普通静态效率的对比
2017/10/20 PHP
PHP利用Mysql锁解决高并发的方法
2018/09/04 PHP
PHP代码加密的方法总结
2020/03/13 PHP
js 固定悬浮效果实现思路代码
2013/08/02 Javascript
JS刷新当前页面的几种方法总结
2013/12/24 Javascript
jquery基础教程之deferred对象使用方法
2014/01/22 Javascript
原生javascript模仿win8等待提示圆圈进度条
2014/04/24 Javascript
用原生JS获取CLASS对象(很简单实用)
2014/10/15 Javascript
js实现支持手机滑动切换的轮播图片效果实例
2015/04/29 Javascript
浅谈js中同名函数和同名变量的执行问题
2017/02/12 Javascript
vue2.0实现倒计时的插件(时间戳 刷新 跳转 都不影响)
2017/03/30 Javascript
JS中通过url动态获取图片大小的方法小结(两种方法)
2018/10/31 Javascript
如何让node运行es6模块文件及其原理详解
2018/12/11 Javascript
小程序实现密码输入框
2020/11/16 Javascript
json.stringify()与json.parse()的区别以及用处
2021/01/25 Javascript
[48:32]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 LGD vs VG
2018/04/01 DOTA
python正则表达式修复网站文章字体不统一的解决方法
2013/02/21 Python
Scrapy-redis爬虫分布式爬取的分析和实现
2017/02/07 Python
python爬取w3shcool的JQuery课程并且保存到本地
2017/04/06 Python
Python3.6.0+opencv3.3.0人脸检测示例
2018/05/25 Python
可能是最全面的 Python 字符串拼接总结【收藏】
2018/07/09 Python
python3基于OpenCV实现证件照背景替换
2018/07/18 Python
Python进程间通信Queue消息队列用法分析
2019/05/22 Python
Nginx+Uwsgi+Django 项目部署到服务器的思路详解
2020/05/08 Python
土耳其家居建材网站:Koçtaş
2016/11/22 全球购物
法国大使拉杆箱官网:DELSEY Paris
2018/03/20 全球购物
Brasty罗马尼亚:购买手表、香水、化妆品、珠宝
2020/04/21 全球购物
婚庆答谢词
2015/01/04 职场文书
写给导师的自荐信
2015/03/06 职场文书
小学少先队工作总结2015
2015/05/26 职场文书
【HBU】数据库第四周 单表查询
2021/04/05 SQL Server