画像を表示するJavaScript- repeat関数

Question

私は以下の2つのJS関数を持っています。ユーザがキーを入力すると、画面上の画像が変化する。私は現在、私が働いている8つの画像を持っています。これを繰り返すことで、ユーザーは8つの同じイメージを再び通過する必要がありますか？

function start(){ 
    if (running==0){ 
     running = 1;  
     initialTime = Date.now(); 
    } 
    else{ 
     timer1; 
     imagecounter++; 
     reset(); 
    } 
} 

    function reset(){ 

    time = 0; 

    if(imagecounter > 8){ 
     document.getElementById("imageDisplay").src ="images/image.png"; 
    } 
    else 
    { 
     running = 0; 
     initialTime = Date.now(); 
     document.getElementById("imageDisplay").src ="images/image"+imagecounter+".png"; 
     start(); 
    } 
} 

Answer 1

あなたのコードは読みにくいですが、あなたがやりたいことは、imagecounterを0にリセットしてやり直すことだと思います。

あなた reset機能変更

：これはJavaScriptがある場合は、Javaのタグを削除する必要があります

function reset(){ 

    time = 0; 

    if(imagecounter > 8){ 
     imagecounter = 0; // <-- reset to 0 
     document.getElementById("imageDisplay").src ="images/image.png"; 
    } 
    else 
    { 
     running = 0; 
     initialTime = Date.now(); 
     document.getElementById("imageDisplay").src ="images/image"+imagecounter+".png"; 
     start(); 
    } 
} 

Answer 2

imagecounterを大きくすると、イメージ配列の長さ以上であるかどうかを確認します。-1。そうであれば、0に設定してください。