我的脚本不适用于只循环5个图像一次

My script is not working for looping through 5 images only once

本文关键字：一次 图像 5个 不适用 脚本 适用于 循环 我的      更新时间：2023-09-26

我只需要循环浏览几个图像（这里是5）一次。每个图像应该呈现20秒，然后通过参与者点击图像进入另一个OR！然而，这个scipr似乎不起作用。有简单的方法吗？

<html>
       <head>
          <title>Practice1</title>
          <script type="text/javascript">
                      function displayNextImage() {
                        for(var x=0; x<images.length; x++){
                          document.getElementById("img").src = images[x];
                        }
                      }

              function startTimer() {
                  setTimeout(displayNextImage, 20000);
              }
             var images = [], 
              images[0] = "S1b.jpg";
              images[1] = "S2b.jpg";
              images[2] = "S3b.jpg";
              images[3] = "S4b.jpg";
              images[4] = "S5b.jpg";
          </script>

    </body>
                <button onload="startTimer()" onclick="displayNextImage()">
                  <img id="img">
            </button> 

       </body>
    </html>

您在这里有无效语法：

var images = [], //HERE!!!!!
          images[0] = "S1b.jpg";
          images[1] = "S2b.jpg";
          images[2] = "S3b.jpg";
          images[3] = "S4b.jpg";
          images[4] = "S5b.jpg";

images[index]不是一个新变量，它是数组的一个附加变量，所以用分号替换逗号：

var images = [];
          images[0] = "S1b.jpg";
          images[1] = "S2b.jpg";
          images[2] = "S3b.jpg";
          images[3] = "S4b.jpg";
          images[4] = "S5b.jpg";

现在，您的脚本将循环这个数组，并以极快的速度分配图像的源。。你可能甚至不会注意到它的周期，仅供参考

相关文章：