Javascript For Loop For next page按钮不断重复显示 （i=0；i

出于某种原因，一旦用户在last For循环中单击next（下一步），它将显示所有内容，而不是一次只显示一组5个，附加图像以获得更好的效果：

---

在第一个带有“下一步”按钮的块之后，它会显示一个又一个，直到整个数组完成，当我只想一次显示一个时，我不确定错误在哪里，或者我应该如何修复它，我尝试在内部for循环中使用一个中断来修复它，但如果我再次单击该按钮，它将不起作用，也不再显示。

就在你的循环到达终点线之前（

fromNextLoop+5

），如果（i==fromNextLoop+5-1）fromNextLoop=fromNextLoop+5

for (i = 0; i < 5; i++) {
    var timeStampConvert = JSON.stringify(fromAddressList[i].timeStamp).replace(/\"/g, "");
    timeStampConvert = new Date(timeStampConvert * 1000);
    console.log(timeStampConvert);

    var amountSent = JSON.stringify(fromAddressList[i].value).replace(/\"/g, "");
    amountSent = addDec(amountSent, 1000000000);

    $("#test-from-address").append("<table id='hash-display-2' style='margin-top: 50px;'><tr><th>Hash</th><td>"+fromAddressList[i].hash+"</td></tr><tr><th>Confirmations</th><td>"+fromAddressList[i].confirmations+"</td></tr><tr><th>Time</th><td>"+timeStampConvert+"</td></tr><tr><th>Sender</th><td>"+fromAddressList[i].from+"</td></tr><tr><th>Recipient</th><td>"+fromAddressList[i].to+"</td></tr><tr><th>Amount</th><td>"+amountSent+ " "+fromAddressList[i].tokenSymbol+"</td></tr><tr><th>Block</th><td>"+fromAddressList[i].blockNumber+"</td></tr></table>")
    console.log(fromAddressList[i]);
    
    if (i == 4) {
        $("#test-from-address").append("<input type='button' class='from_next' name='submit' value='Next' id='from_next'>");

        fromNextLoop = 5;

        document.getElementById('from_next').onclick = function () {
            $("#test-from-address").html("");
            for (i = fromNextLoop; i < fromNextLoop + 5; i++) {
                var timeStampConvert = JSON.stringify(fromAddressList[i].timeStamp).replace(/\"/g, "");
                timeStampConvert = new Date(timeStampConvert * 1000);
                console.log(timeStampConvert);

                var amountSent = JSON.stringify(fromAddressList[i].value).replace(/\"/g, "");
                amountSent = addDec(amountSent, 1000000000);

                $("#test-from-address").append("<table id='hash-display-2' style='margin-top: 50px;'><tr><th>Hash</th><td>"+fromAddressList[i].hash+"</td></tr><tr><th>Confirmations</th><td>"+fromAddressList[i].confirmations+"</td></tr><tr><th>Time</th><td>"+timeStampConvert+"</td></tr><tr><th>Sender</th><td>"+fromAddressList[i].from+"</td></tr><tr><th>Recipient</th><td>"+fromAddressList[i].to+"</td></tr><tr><th>Amount</th><td>"+amountSent+ " "+fromAddressList[i].tokenSymbol+"</td></tr><tr><th>Block</th><td>"+fromAddressList[i].blockNumber+"</td></tr></table>")

                if (i == fromNextLoop + 5 - 1) {
                    fromNextLoop = fromNextLoop + 5;
                    console.log(fromNextLoop);
                    $("#test-from-address").append("<input type='button' class='from_next' name='submit' value='Next' id='from_next'>");
                }
            }
            
        }
    }
}