JavaScript - switch文を使用して3秒ごとに変更される広告を作成する

Question

3秒ごとに自動的に画像を変更する広告を作成する必要があります。これは今まで私が行ってきたことですが、どこに行き終わるのかがわかりません。 1. currentImageという変数を1に設定して宣言します。 2. autoAdvanceという名前の変数を宣言し、ChangeAd（） 3秒ごとに機能します。 3. ChangeAd（）という名前の関数を作成します。 4.この関数では、ケースストラクチャを使用して、表示する次の広告を決定します。 - switch文でcurrentImage変数を使用します。 - ケース1の場合：最初のimg要素のソースを "concert2.gif"に設定し、次にcurrentImage変数を2に設定します。 - ケース2の場合：最初のimg要素のソースを "concert3.gif"に設定してからcurrentImage変数を3に設定します。 - ケース3の場合：最初のimg要素のソースを "concert4.gif"に設定し、次にcurrentImage変数を4に設定します。 - ケース4の場合：最初のimg要素のソースを " concert5.gif "に設定し、currentImage変数を5に設定します。 - ケース5の場合：最初のimg要素のソースを" concert1.gif "に設定し、currentImage変数を1に設定します。 必要に応じてbreak文を含めます。

[編集]

<p><img src="concert1.gif" id="img" height="60" width="370" alt="Changing advertising image" /></p> 
<script> 
    "use strict"; 
    var currentImage = 1; 
    var autoAdvance = setInterval(ChangeAd, 3000); 

    function ChangeAd(currentImage) { 
    var image = document.getElementsByTagName("img"); 
    switch(currentImage){ 
     case 1: 
      currentImage = 2; 
      return "concert2.gif"; 
      break; 
     case 2: 
      curentImage = 3; 
      return "concert3.gif"; 
      break; 
     case 3: 
      currentImage = 4; 
      return "concert4.gif"; 
      break; 
     case 4: 
      currentImage = 5; 
      return "concert5.gif"; 
      break; 
     case 5: 
      currentImage = 1; 
      return "concert1.gif"; 
      break; 
    } 

    } 
</script> 

Answer 1

これは動作するはずです。私はすべての画像パスを持つ配列を作成し、それを繰り返しています。 おそらくgetElementById代わり

var images = ["concert2.gif", "concert3.gif", "concert4.gif", "concert5.gif", "concert1.gif"]; 
var image = document.getElementsByTagName("img"); 
var currentImage = 0; 

var autoAdvance = setInterval(ChangeAd, 3000); 

function ChangeAd() { 
    image.src= images[currentImage]; 
    currentImage ++; 
    if(currentImage == images.length) currentImage = 0; 
}