58问答库 > 谁能帮忙详细解释一下，要详细，下面代码中，js怎么执行的（4个图片怎么切换和隐藏的）谢谢。

谁能帮忙详细解释一下，要详细，下面代码中，js怎么执行的（4个图片怎么切换和隐藏的）谢谢。

2024-11-07 03:29:14

推荐回答（3个）

回答（1）：



挺简洁的JS图片交替切换代码

    i=0;   //初始化一个变量i 不过这样写虽然运行起来不错，但是弊端很大一定要在前面加个var声明 var i = 0;
    function show() {  //定义一个函数show 最后一行会每个1000毫秒调用这个函数
        l=document.getElementsByTagName('a');   //获取页面内镇枝迟所有的a标签（这样写完全不科学提取出了页面中所有的a标签应该这样 var l = document.getElementById("test").getElementsByTagName('a');）
        if (i            l[i].style.display 御李= "none";  //则第一个a标签隐藏
            i++;//i加上1  这个作用是为了下次再执行这个函数的话上面的那句话就变成了让第二个a标签隐藏
        }else {
            for(a=0;a                l[a].style.display = "block";  //把所有的a全部设置为显示
                i=0;   //再设置i的值为0
            }
        }
    }
    setInterval(show, 1000);  //每隔1秒执行上面的函数

回答（2）：

   i = 0;// 当前团友罩显示的图片下标

   function show() {
       l = document.getElementsByTagName('a'); // 获取所有a标签
       if (i < l.length - 1) { // 如果i小于a标签的个数-1
   告雹        l[i].style.display = "none"; // 隐藏第i个a标签
           i++; // i加一
       } else {// 如果i超出，显塌闹示所有的a标签，i变成0
           for (a = 0; a < l.length - 1; a++) {
               l[a].style.display = "block";
               i = 0;
           }
       }
   }
   setInterval(show, 1000); // 1秒执行一次show函数

回答（3）：

看不懂代码的，这个真的不好学习啊。。。。