• 首页
• 域名注册
• 虚拟主机
• 网站建设
• 服务器租用
• 营销推广
• 网站程序
• 前端开发
• 移动互联网
• 企业邮箱

• 当前位置：创新互联 >> 常见问题 >> 前端开发 >> JavaScript教程 >> 一段非常简单的代码让图片自动切换js代码

一段非常简单的代码让图片自动切换js代码

• 作者：创新互联 文章来源：技术部 点击数： 更新时间：2015-02-09
• 1<script language =javascript >
  2var curIndex=0;
  3//时间间隔 单位毫秒
  4var timeInterval=1000;
  5var arr=new Array();
  6arr[0]="1.jpg";
  7arr[1]="2.jpg";
  8arr[2]="3.jpg";
  9arr[3]="4.jpg";
  10arr[4]="5.jpg";
  11arr[5]="6.jpg";
  12arr[6]="7.jpg";
  13setInterval(changeImg,timeInterval);
  14function changeImg()
  15{
  16 var obj=document.getElementById("obj");
  17 if (curIndex==arr.length-1)
  18 {
  19 curIndex=0;
  20 }
  21 else
  22 {
  23 curIndex+=1;
  24 }
  25 obj.src=arr[curIndex];
  26}
  27</script>
  28
  29<img id=obj src ="1.jpg" border =0 />
  可以自己配置，自己设置每张图片切换的时间间隔，自己设置每张图片的路径（绝对、相对路径都可以）
  虽然很简单，但是很实用。
• js 密码强度验证规则、打分、验证代码 :上一篇
  程序设计循环for语句使用方法 :下一篇