JavaScript- Wiederholungsfunktion zum Anzeigen von Bildern

Question

Ich habe die folgenden 2 JS-Funktionen. Sobald ein Benutzer einen Schlüssel eingibt, ändert sich das Bild auf dem Bildschirm. Ich habe derzeit 8 Bilder, mit denen ich arbeite. Wie kann ich das wiederholen, so dass der Benutzer die 8 gleichen Bilder noch einmal durchlaufen muss?

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

Dein Code ist ein wenig schwierig zu lesen, aber ich denke, was du tun willst, ist imagecounter auf 0 zurückzusetzen, so dass es von vorne beginnt.

ändern reset Funktion:

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

wenn Sie imagecounter erhöhen, überprüfen Sie zunächst, ob es größer oder gleich der Länge der Bildanordnung -1. Wenn ja, dann setze es auf 0.