Javascript 显示个人图像的问题&；结束循环_Javascript_Html_Css

Javascript 显示个人图像的问题&；结束循环

javascript html css

Javascript 显示个人图像的问题&；结束循环,javascript,html,css,Javascript,Html,Css,从我的上一个问题开始，我决定单独展示图片。但是，现在我对序列有一个问题。就我到目前为止所写的内容来看，我需要的第二个图像（stack2.PNG）似乎出现在第一个图像（stack1.PNG）之前。另外，我不太确定在最终图像（stack3.PNG）之后如何结束函数以下是我目前掌握的情况： <body> <input type=button value="Produce Stipends" onclick="nextStack()"/>

从我的上一个问题开始，我决定单独展示图片。但是，现在我对序列有一个问题。就我到目前为止所写的内容来看，我需要的第二个图像（stack2.PNG）似乎出现在第一个图像（stack1.PNG）之前。另外，我不太确定在最终图像（stack3.PNG）之后如何结束函数

以下是我目前掌握的情况：

<body>

<input type=button value="Produce Stipends" onclick="nextStack()"/>
<img id="stipends" src="nostack.PNG">

</body>
<script>

  var stipends = document.getElementById("stipends");
  var stack = ["stack1.PNG", "stack2.PNG", "stack3.PNG"];
  var currentStack = 0;

  stack.forEach(function(src) {
    new Image().src = src;
    });
    
  function nextStack() {
    currentStack++;
    currentStack > 2 && (currentStack = 0);
    stipends.src = stack[currentStack];
    }

</script>


var stipends=document.getElementById（“stipends”）；
var stack=[“stack1.PNG”、“stack2.PNG”、“stack3.PNG”]；
var-currentStack=0；
forEach（函数（src）{
新图像（）.src=src；
});
函数nextStack（）{
currentStack++；
currentStack>2&&（currentStack=0）；
stipends.src=堆栈[currentStack]；
}

此外，如果这不是太多的要求，我将如何着手改变按钮的名称，一旦序列结束并链接到另一个页面

提前谢谢

这就是你想要做的吗

var stipends=document.getElementById（“stipends”）；
var stack=[“stack1.PNG”、“stack2.PNG”、“stack3.PNG”]；
var-currentStack=0；
函数nextStack（）{
currentStack++；
stipends.src=堆栈[currentStack]；
如果（currentStack>stack.length）{
currentStack=0；
}
}

这就是你想要做的吗

var stipends=document.getElementById（“stipends”）；
var stack=[“stack1.PNG”、“stack2.PNG”、“stack3.PNG”]；
var-currentStack=0；
函数nextStack（）{
currentStack++；
stipends.src=堆栈[currentStack]；
如果（currentStack>stack.length）{
currentStack=0；
}
}

如果要在每次单击时输出堆栈数组的单个索引，请运行以下代码

编辑：在代码中包含注释

var stipends=document.getElementById（“stipends”）；
var stack=[“stack1.PNG”、“stack2.PNG”、“stack3.PNG”]；
//currentStack=0从0开始索引
//我们将使用它以从第一项开始的顺序迭代数组
var-currentStack=0；
函数nextStack（）{
//将数组长度声明为变量
var len=stack.length；
//单击时，检查currentStack值是否小于len
如果（当前堆栈


如果要在每次单击时输出堆栈数组的单个索引，请运行以下代码
编辑：在代码中包含注释

var stipends=document.getElementById（“stipends”）；
var stack=[“stack1.PNG”、“stack2.PNG”、“stack3.PNG”]；
//currentStack=0从0开始索引
//我们将使用它以从第一项开始的顺序迭代数组
var-currentStack=0；
函数nextStack（）{
//将数组长度声明为变量
var len=stack.length；
//单击时，检查currentStack值是否小于len
如果（当前堆栈


您能给我们一个最低限度的可复制示例吗？我无法理解您试图在forEach
循环中做什么，以及您想要实现什么。@SamridhTuladhar，我深表歉意；我是根据我的另一个问题提出的建议来做的。我已经把我的网页上的每一页都删掉了。除此之外，所有其他的结果（序列也有问题）仍然存在。你能给我们一个最小的可复制的例子吗？我无法理解您试图在forEach
循环中做什么，以及您想要实现什么。@SamridhTuladhar，我深表歉意；我是根据我的另一个问题提出的建议来做的。我已经把我的网页上的每一页都删掉了。除此之外，所有其他的结果（顺序问题）仍然存在。