jQuery:图片自动变换

Posted CREATE_17

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery:图片自动变换相关的知识,希望对你有一定的参考价值。

<script type="text/javascript">
  var aa=0;
  //设置变换时间为2s
  var timeChange=2000;
  //定义数组
  var arr = new Array();
  arr[0]="image/01.jpg";
  arr[1]="image/02.jpg";
  arr[2]="image/03.jpg";
  arr[3]="image/04.jpg";
  //调用setInterval函数
  setInterval(ChangeImg, timeChange);
  function ChangeImg(){
    var image = document.getElementById("image");
    if(aa==arr.length-1){
      aa=0;
    }else{
      aa+=1;
    }
    image.src=arr[aa];
    }
</script>
</head>

<body>
  <img src="image/01.jpg" id="image"></img>
</body>

以上是关于jQuery:图片自动变换的主要内容,如果未能解决你的问题,请参考以下文章