一段非常简单的让图片自动切换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小技巧 2.5 则
Sep 12 Javascript
Jquery中使用setInterval和setTimeout的方法
Apr 08 Javascript
jQuery中:checked选择器用法实例
Jan 04 Javascript
jQuery元素的隐藏与显示实例
Jan 20 Javascript
JavaScript中操作字符串之localeCompare()方法的使用
Jun 06 Javascript
JavaScript深度复制(deep clone)的实现方法
Feb 19 Javascript
关于json字符串与实体之间的严格验证代码
Nov 10 Javascript
浅谈Node.js ORM框架Sequlize之表间关系
Jul 24 Javascript
JS实现区分中英文并统计字符个数的方法示例
Jun 09 Javascript
elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)
Sep 04 Javascript
深入理解Vue.js轻量高效的前端组件化方案
Dec 10 Javascript
vue使用高德地图根据坐标定位点的实现代码
Aug 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学习之变量的使用
2011/05/29 PHP
php如何控制用户对图片的访问 PHP禁止图片盗链
2016/03/25 PHP
PHP+redis实现的限制抢购防止商品超发功能详解
2019/09/19 PHP
javascript两段代码,两个小技巧
2010/02/04 Javascript
用dtree实现树形菜单 dtree使用说明
2011/10/17 Javascript
js数组中如何随机取出一个值
2014/06/13 Javascript
jquery控制表单输入框显示默认值的方法
2015/05/22 Javascript
javascript基本语法
2016/05/31 Javascript
JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
2016/06/17 Javascript
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果
2016/10/17 Javascript
利用JS轻松实现获取表单数据
2016/12/06 Javascript
微信小程序 网络请求(post请求,get请求)
2017/01/17 Javascript
JS常用知识点整理
2017/01/21 Javascript
Bootstrap表单简单实现代码
2017/03/06 Javascript
javascript实现文件拖拽事件
2018/03/29 Javascript
p5.js码绘“跳动的小正方形”的实现代码
2019/10/22 Javascript
vue中更改数组中属性,在页面中不生效的解决方法
2019/10/30 Javascript
JavaScript数组排序的六种常见算法总结
2020/08/18 Javascript
基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析
2020/12/30 Vue.js
Python爬虫代理IP池实现方法
2017/01/05 Python
AI人工智能 Python实现人机对话
2017/11/13 Python
十分钟利用Python制作属于你自己的个性logo
2018/05/07 Python
python爬取足球直播吧五大联赛积分榜
2018/06/13 Python
简单了解Python3里的一些新特性
2019/07/13 Python
python基于exchange函数发送邮件过程详解
2020/11/06 Python
Python获取android设备cpu和内存占用情况
2020/11/15 Python
CSS3中box-shadow的用法介绍
2015/07/15 HTML / CSS
html5教程实现Photoshop渐变色效果
2013/12/04 HTML / CSS
加拿大著名的奢侈品购物网站:SSENSE(支持中文)
2020/06/25 全球购物
医药类个人求职的自我评价
2014/02/12 职场文书
高中英语演讲稿范文
2014/04/24 职场文书
厉行勤俭节约倡议书
2014/05/16 职场文书
群众路线教育查摆剖析材料
2014/10/10 职场文书
驳回起诉民事裁定书
2015/05/19 职场文书
创业计划书之情侣餐厅
2019/09/29 职场文书
Keras在mnist上的CNN实践,并且自定义loss函数曲线图操作
2021/05/25 Python