JavaScriptの画像カルーセル

<！DOCTYPE HTML> 
<HTML> 
    <HEAD> 
        <メタ文字コード= "UTF-8"> 
        <タイトル> </ TITLE> 
        <スタイルタイプ= "テキスト/ cssの"> 
            #main { 
                幅：300ピクセル; 
                パディング：20ピクセル; 
                マージン：10pxの自動; 
                背景 - 色：黄色; 
                テキスト - 揃える：センター; 
            }
         </スタイル> 
    </ HEAD> 
    <BODY> 
        の<divのid = "メイン"> 
            <P ID = "情報"> </ P> 
            <IMG SRC = "IMG / 1.JPG" />
    
    <種類のスクリプト= "テキスト/ JavaScriptを"> // 画像のパスを保持する配列を作成し、画像パスは、画像を切り替えることでVaRの imgArrは= [ "IMG / 1.JPG"、 "IMG / 2.JPG"、「IMG / 3 .JPG "" IMG / 4.JPG " ];
         // img要素を取得し、VaRの IMGは= document.getElementsByTagName（" IMG「）[0 ];
         // アラート（IMG）; // 画像パス保存インデックスを作成します（配列の添字）VaRのインデックス= 0 ; //は-自動的に画像を切り替えるためのタイマー起動VAR タイマーと、
         VaRの COUNT = 0 ;
         //は、開始/一時停止について設定 
        のdocument.getElementByIdを（ "開始"）のonclick = 関数（）{ 
            COUNT ++ ;
            もし
        
        
        
        
        
        
        
        （！= 0％2カウント{）
                タイマ =たsetInterval（関数（）{ 
                インデックス ++ ;
 //                 もし（指数> imgArr.length-1）{ 
//                     インデックス= 0; 
//                 } 
                  インデックス=インデックス％のimgArr.length ; // 同上面的かの判断0％4 = 4 1％4 = 1 ... 4％4 = 0 
                // 换图 
                img.src = imgArr [インデックス]; 
                
                }、 1500 ）。
            } 他{ 
                てclearInterval（タイマ）。
            } 
            
        }
     </ SCRIPT> 
</ HTML>
おすすめ
