一段非常简单的让图片自动切换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 相关文章推荐
Auntion-TableSort国人写的一个javascript表格排序的东西
Nov 12 Javascript
js调用图片隐藏&amp;显示实现代码
Sep 13 Javascript
javascript解析json实例详解
Nov 05 Javascript
jquery实现的动态回到顶部特效代码
Oct 28 Javascript
JavaScript的React框架中的JSX语法学习入门教程
Mar 05 Javascript
jquery获取复选框的值的简单实例
May 26 Javascript
Vue.js父与子组件之间传参示例
Feb 28 Javascript
JavaScript通过改变文字透明度实现的文字闪烁效果实例
Apr 27 Javascript
Vue在页面数据渲染完成之后的调用方法
Sep 11 Javascript
动态内存分配导致影响Javascript性能的问题
Dec 18 Javascript
浅谈JavaScript窗体Window.ShowModalDialog使用
Jul 22 Javascript
vue实现简单的登录弹出框
Oct 26 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 方便水印和缩略图的图形类
2009/05/21 PHP
浅析php中抽象类和接口的概念以及区别
2013/06/27 PHP
PHP PDO操作MySQL基础教程
2017/06/05 PHP
浅谈Laravel核心解读之Console内核
2018/12/02 PHP
PHP 99乘法表的几种实现代码
2020/10/13 PHP
jquery实现弹出窗口效果的实例代码
2013/11/28 Javascript
nodejs分页类代码分享
2014/06/17 NodeJs
每天一篇javascript学习小结(Boolean对象)
2015/11/12 Javascript
JS实现登录页面记住密码和enter键登录方法推荐
2016/05/10 Javascript
jQuery复制节点用法示例(clone方法)
2016/09/08 Javascript
JavaScript中的call和apply的用途以及区别
2017/01/11 Javascript
深究AngularJS中$sce的使用
2017/06/12 Javascript
vue项目持久化存储数据的实现代码
2018/10/01 Javascript
jQuery操作attr、prop、val()/text()/html()、class属性
2019/05/23 jQuery
ES6如何用一句代码实现函数的柯里化
2020/01/18 Javascript
JS前端模块化原理与实现方法详解
2020/03/17 Javascript
Vue+axios封装请求实现前后端分离
2020/10/23 Javascript
JavaScript实现打字游戏
2021/02/19 Javascript
对python3标准库httpclient的使用详解
2018/12/18 Python
Python魔法方法详解
2019/02/13 Python
用python wxpy管理微信公众号并利用微信获取自己的开源数据
2019/07/30 Python
python 怎样将dataframe中的字符串日期转化为日期的方法
2019/09/26 Python
在Ubuntu 20.04中安装Pycharm 2020.1的图文教程
2020/04/30 Python
Python tkinter之ComboBox(下拉框)的使用简介
2021/02/05 Python
使用css创建三角形 使用CSS3创建3d四面体原理及代码(html5实践)
2013/01/06 HTML / CSS
利用HTML5的新特点实现图片文件异步上传
2014/05/29 HTML / CSS
HTML5 manifest离线缓存的示例代码
2018/08/08 HTML / CSS
荷兰多品牌网上鞋店:Stoute Schoenen
2017/08/24 全球购物
澳大利亚网上玩具商店:Mr Toys Toyworld
2018/03/25 全球购物
BNKR中国官网:带你感受澳洲领先潮流时尚
2018/08/21 全球购物
宏碁西班牙官网:Acer西班牙
2021/01/08 全球购物
销售总监岗位职责
2014/01/04 职场文书
《大作家的小老师》教学反思
2014/04/16 职场文书
《春雨》教学反思
2014/04/24 职场文书
三问三解心得体会
2014/09/05 职场文书
公司前台接待岗位职责
2015/04/03 职场文书