JavaScript-遍历不同页面的随机值循环

时间:2018-10-14 10:00:12

标签: javascript random shuffle

我有五个不同的页面。每个按钮都有一个可随机重定向到其他按钮的按钮。

我正在努力做到这一点,以使用户不会进入重复的页面(至少在遍历所有页面之后)。

我可以在同一个页面中添加一个函数来处理随机的,非重复的内容,但是我该如何使该函数在不同页面上工作,并记住已经访问过哪些页面呢?

我试图将该函数保存在一个外部js文件中,并在每个页面的开头部分调用它,但是它不起作用。

这就是我所拥有的:

    var page1="01.html"
    var page2="02.html"
    var page3="03.html"
    var page4="04.html"
    var page5="05.html"
        
        const originalPages = [page1, page2, page3, page4, page5];
        let remainingPages = [];

        function randomize() {
            if (remainingPages.length === 0) remainingPages = originalPages.slice();
            const {
                length
            } = remainingPages;
            const [page] = remainingPages.splice(Math.floor(Math.random() * length), 1);
            window.location.href = page;
        }
    <h1>Page 1</h1>
    <p><button onclick="randomize()" type="button">Random Page</button></p>

0 个答案:

没有答案