javascript - 从 1 数到 10 并在按钮链接内重复

Question

我正在寻找一种方法来编写一个从 1 数到 10 的脚本，并且在 10 后它将在按钮链接内重复。

示例:

<button onclick="window.location.href='/page"1".html'">Submit</button>

第一次点击进入“url/page1.html”

第二次点击“url/page2.html”

第三个为“url/page3.html”

第四个为“url/page4.html”

最多十次点击“url/page10.html”

在命中数字 10 后，必须重复运行 1 次。

示例2:

第一次点击进入“url/page1.html”，点击2 =“url/page2.html”，点击3 =“url/page3.html”，点击4 =“url/page4.html”，点击5 = "url/page5.html，点击 5 = "url/page5.html，点击 6 = "url/page6.html，点击 7 = "url/page7.html，点击 8 = "url/page8.html，点击 9 = "url/page9.html 点击 10 = "url/page10.html，现在重复点击 11 = "url/page1.html，点击 12 = "url/page2.html，点击 13 = "url/page3.html，点击 14 =“url/page4.html

希望有人能给我一个很好的例子来说明如何运行，更喜欢 php 或 javascript。

Answer 1

这个解决方案怎么样:

<button onclick="myScript(10)">Submit</button>

<script>

let currentPage = 1;

function myScript(totalPages) {
    if (currentPage === totalPages) {
        currentPage = 1;
        return window.location.href=`/page10.html`
    }
    currentPage = currentPage < totalPages ? currentPage + 1 : 1;
    return window.location.href=`/page${currentPage}.html`;
}

</script>

我没有对此进行测试，但我相信即使可能存在错误，全局推理也会对您有用。事实上，我将总页数作为函数的参数，允许您在其他情况下再次使用它。

你能告诉我是吗？