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时，首先检查它是否大于或等于图像数组-1的长度。如果是，则将其设置为0.

Answer 2

您的代码有点难以阅读，但我认为您要做的是将imagecounter重置为0以便重新开始。

更改reset功能：

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();
    }
}

JavaScript-重复功能来显示图像

2 个答案: