js 隨機變換圖片

 

      <div style="position:absolute;left:40%;top:10%;border-style:dotted">
          <img src="ejb.jpg"/><br/>
          <input type="button" value="隨機選擇人物"/>
          <input type="button" value="暫停"/>
      </div>
      <script type="text/javascript">
         //創建一個數組
         var paths = new Array();
          var isExecute = true;
          var count=0;
          window.onload = function(){
              //將N張圖片的路徑放入數組中
              paths[0]="ejb.jpg";
              paths[1]="j2ee.jpg";
              paths[2]="java.gif";
              paths[3]="javamail.gif";
          }
          //隨機選擇人物
          document.getElementsByTagName("input")[0].onclick=function(){
              window.setInterval("changeImage()",500);
              isExecute=true;
          }    
          //換圖片
          function changeImage(){
              if(isExecute){
                  //隨機選取一張圖片
                  var path = getPath();
                  //動態修改圖片的src屬性值
                  var imgElement = document.images[0];
                  imgElement.src = path;
              }
          }
          //隨機選中一張圖片的路徑
          function getPath(){
              //隨機獲取0,1,2中的任何一個型值
              var index = Math.floor(Math.random()*4);
              count=count+1>3?0:count+1;
              return paths[count];
              //return paths[index];
          }
          //暫停
          document.getElementsByTagName("input")[1].onclick=function(){
              isExecute = false;
          }
      </script>