一段非常简单的让图片自动切换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代码压缩器
Oct 12 Javascript
Javascript 面向对象编程(coolshell)
Mar 18 Javascript
JS localStorage实现本地缓存的方法
Jun 22 Javascript
js检查页面上有无重复id的实现代码
Jul 17 Javascript
ExtJS4 动态生成的grid导出为excel示例
May 02 Javascript
基于jquery的手风琴图片展示效果实现方法
Dec 16 Javascript
jQuery插件scroll实现无缝滚动效果
Apr 27 Javascript
jQuery自定义动画函数实例详解(附demo源码)
Dec 10 Javascript
Vue.js对象转换实例
Jun 07 Javascript
详解前端路由实现与react-router使用姿势
Aug 07 Javascript
react native与webview通信的示例代码
Sep 25 Javascript
jquery-ui 进度条功能示例【测试可用】
Jul 25 jQuery
类似框架的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
基于session_unset与session_destroy的区别详解
2013/06/03 PHP
php object转数组示例
2014/01/15 PHP
PHP学习笔记(一) 简单了解PHP
2014/08/04 PHP
windows下apache搭建php开发环境
2015/08/27 PHP
PHP实现模拟http请求的方法分析
2017/12/20 PHP
PHP7 新增常量
2021/03/09 PHP
VBScript版代码高亮
2006/06/26 Javascript
jquery 插件 任意位置浮动固定层
2008/12/25 Javascript
javascript 模式设计之工厂模式学习心得
2010/04/27 Javascript
js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
2011/01/08 Javascript
JS操作数据库的实例代码
2013/10/17 Javascript
微信小程序页面传值实例分析
2017/04/19 Javascript
详解Angular2响应式表单
2017/06/14 Javascript
node.js express中app.param的用法详解
2017/07/16 Javascript
JavaScript实现图片切换效果
2017/08/12 Javascript
Angular4学习教程之HTML属性绑定的方法
2018/01/04 Javascript
JavaScript动态加载重复绑定问题
2018/04/01 Javascript
Koa2微信公众号开发之本地开发调试环境搭建
2018/05/16 Javascript
详解Angular6 热加载配置方案
2018/08/18 Javascript
关于angular 8.1使用过程中的一些记录
2020/11/25 Javascript
[41:56]Spirit vs Liquid Supermajor小组赛A组 BO3 第一场 6.2
2018/06/03 DOTA
Python中encode()方法的使用简介
2015/05/18 Python
Python实现Windows上气泡提醒效果的方法
2015/06/03 Python
windows下python安装小白入门教程
2018/09/18 Python
在Python中过滤Windows文件名中的非法字符方法
2019/06/10 Python
解决pycharm中的run和debug失效无法点击运行
2020/06/09 Python
PyTorch 中的傅里叶卷积实现示例
2020/12/11 Python
联想哥伦比亚网上商城:Lenovo Colombia
2017/01/10 全球购物
C语言变量的命名规则都有哪些
2013/12/27 面试题
财务会计毕业生自荐信
2013/11/02 职场文书
最新的咖啡店创业计划书
2013/12/30 职场文书
技术总监管理职责范本
2014/03/06 职场文书
电子信息工程专业求职信
2014/06/28 职场文书
2014光棍节单身联谊活动策划书
2014/10/10 职场文书
学校元旦晚会开场白
2014/12/14 职场文书
给女朋友道歉的话大全
2015/01/20 职场文书