javascript - 如何延迟此代码在 JavaScript 中运行？

Question

我写了这段代码来改变图像:

change = function(){
    for (r=0; r<6; r++){
        for (i = 0; i < 6 ; i++) { 
            setInterval(imgfile(number=i+1), 5000);
        }
    }
}

imgfile= function(number){
    a = 'document.getElementById("imgdiv").src = "images/'+number+'.svg"';
    eval(a);
}

单击按钮时调用函数 change()。当我按下按钮时，图像直接变为 6.svg，当我希望它遍历图像 1、2、3、4、5、6 并重复 6 次时。当我将 setInterval 更改为 change.setInterval 或 imgfile.setInterval 时，它根本不起作用。我该如何解决这个问题？

Answer 1

change = function(i=0){
        imgfile(i%6+1);//change image
         if(i<36) setTimeout(change,5000,i+1);//next image in 5 seconds
}

imgfile= function(number){
    document.getElementById("imgdiv").src = "images/"+number+".svg";//no need to use ev(i||a)l
}

而不是循环/间隔困惑，你可以简单地启动一个超时，在更改图像后重新启动它自己......这段代码将循环 6 张图像，延迟 5 秒，然后 6 次......