_javascript technique of picture Carousel based on JavaScript array

There are many ways to do a picture carousel, which introduces a simple: JS array implementation.

First store the picture path in the array, and then call the SetInterval function to turn the picture in turn

 <script type= "Text/javascript" > 
  var curindex = 0; 
  var timeinterval = 1000; 
  var arr = new Array (); 
  Arr[0] = "1.png"; 
  ARR[1] = "2.png"; 
  ARR[2] = "3.png"; 
  ARR[3] = "4.png"; 
  ARR[4] = "5.png"; 
  SetInterval (changeimg,timeinterval); 
  function changeimg () { 
    var obj = document.getElementById ("Imge"); 
    if (Curindex = = arr.length-1) { 
     curindex = 0; 
    } else { 
     curindex = 1; 
    } 
    OBJ.SRC = Arr[curindex]; 
  } 
 </script>

The complete example is as follows

 <! DOCTYPE html>  
 

The above is the entire content of this article, I hope to help you learn.