Javascript js悬挂应用程序中的图像幻灯片

我已经用javascript编写了这个方法：

function displayImage() {

   window.setInterval(function(){
       for (var i = 1; i <= 4; i++) {
           document.getElementById("img1").setAttribute("src",
                   "images/th-" + i + ".jpg");
           if(i==4){
               i=0;
           }
       }
   }, 3000);     
}

函数displayImage（）{
setInterval（函数（）{
for（var i=1；i在这种情况下，您的
for
循环将在每
3000
毫秒后工作4次。您需要在每
3000
毫秒后更改一张图片

试试这个

function displayImage() {

   var img = document.getElementById("img1");
   var imgIndex = 1;

   window.setInterval(function(){
       img.setAttribute("src", "images/th-" + imgIndex + ".jpg");
       imgIndex = imgIndex === 3 ? 0 : imgIndex + 1;
   }, 3000);
}

在这种情况下，您的
for
循环将在每
3000
毫秒后工作4次。您需要在每
3000
毫秒后更改一张图片

试试这个

function displayImage() {

   var img = document.getElementById("img1");
   var imgIndex = 1;

   window.setInterval(function(){
       img.setAttribute("src", "images/th-" + imgIndex + ".jpg");
       imgIndex = imgIndex === 3 ? 0 : imgIndex + 1;
   }, 3000);
}