x秒ごとに新しい画像を表示するには？

Question

JavaScriptを使用してインターバルタイマーを設定しようとすると、イメージを配列に配置する方法がわかりません。
私はいくつかの異なる方法を試しましたが、動作させることはできません。

var myImage = document.getElementById("mainImage"); 

var imageArray = [img class="irc_mi ix3z7xWjrSdc-pQOPx8XEepE" alt="Image result for baseball images" style="margin-top: 70px;" src="http://totalsportscomplex.com/wp-content/uploads/2014/09/baseball-pic.jpg" onload="google.aft&&google.aft(this)" width="626" height="415", 
img class="irc_mi ix3z7xWjrSdc-pQOPx8XEepE" alt="Image result for baseball images" style="margin-top: 70px;" src="http://totalsportscomplex.com/wp-content/uploads/2014/09/baseball-pic.jpg" onload="google.aft&&google.aft(this)" width="626" height="415", 
img class="irc_mi ix3z7xWjrSdc-pQOPx8XEepE" alt="Image result for baseball images" style="margin-top: 70px;" src="http://totalsportscomplex.com/wp-content/uploads/2014/09/baseball-pic.jpg" onload="google.aft&&google.aft(this)" width="626" height="415"] 

var imageIndex = 0; 

function changeImage() { 
    myImage.setAttribute("src",imageArray[imageIndex]); 
    imageIndex++; 
    if(imageIndex >= imageArray.length) { 
    indexImage = 0; 
    } 
} 

setInterval(changeImage,5000); 

事前に感謝しています。また、私は新しく、答えを探してみましたが、見つからなかった。あなたの配列は、文字列の配列である必要があり

Answer 1

いくつか

1. ：

2. あなたがソース

3. 以上で構成され、文字列全体にsrc属性を設定しています

   indexImageが定義されていません

   var myImage = document.getElementById("mainImage"); 
   
   var imageArray = [ 
       "http://totalsportscomplex.com/wp-content/uploads/2014/09/baseball-pic.jpg", 
       "http://totalsportscomplex.com/wp-content/uploads/2014/09/baseball-pic.jpg", 
       "http://totalsportscomplex.com/wp-content/uploads/2014/09/baseball-pic.jpg" 
   ] 
   
   var imageIndex = 0; 
   
   function changeImage() { 
       myImage.setAttribute("src", imageArray[imageIndex]); 
       imageIndex++; 
       if (imageIndex >= imageArray.length) { 
        imageIndex = 0; 
       } 
   } 
   
   setInterval(changeImage, 5000); 
   

Answer 2

まず、否定的なコメントではありませんが、あなたが望むものを配列に投げることはできません。他のすべての変数が静的なイメージを作成するには、最初のと同じであるため、彼らは...

• を文字列、数値、FUNC、OBJを保持することができます

<img id="mainImage" class="irc_mi ix3z7xWjrSdc-pQOPx8XEepE" alt="Image result for baseball images" style="margin-top: 70px;" onload="google.aft&amp;&amp;google.aft(this)" width="626" height="415"/>

• として配列を次のように変更してください

  var imageArray = [ "http://totalsportscomplex.com/wp-content/uploads/2014/09/baseball-pic.jpg"、 "http://totalsportscomplex.com/wp-content/uploads/2014/09/baseball-pic.jpg"、 "http://totalsportscomplex.com/wp-content/uploads/2014/09/baseball-pic.jpg"]

function changeImage() { 
 
     myImage.setAttribute("src",imageArray[imageIndex]); 
 
     imageIndex++; 
 
     if(imageIndex >= imageArray.length) { 
 
     indexImage = 0; 
 
     } 
 
    }