javascript - 自动加载随机页面

Question

这个问题已经有答案了:

How to randomize (shuffle) a JavaScript array? (71 个回答)

Get a random item from a JavaScript array [duplicate] (13 个回答)

已关闭 9 年前。

我这里有一个重复页面加载功能，

<script>
  var interval = 5; // in seconds
  var pages = [
    'http://example.com/index.php',
    'http://example.com/about.php',
    'http://example.com/services.php',
    'http://example.com/portfolio.php',
    'http://example.com/career.php',
    'http://example.com/contacts.php'
  ];
  var current_page_index = 0;

  setInterval(function() {
    loadintoIframe('myframe', pages[current_page_index]);
    current_page_index = (current_page_index + 1) % pages.length;
  }, interval * 1000); // second setInterval param is milliseconds
</script>

工作正常，但我想将其加载模式更改为随机。现在它正在按照模式中给出的方式加载。我的意思是它将首先加载 ' http://example.com/index.php '然后'http://example.com/about.php ' 像那样。

如何为其添加随机效果？请有人帮助我......

这个问题是Load different pages with in a single iframe的延伸

Answer 1

无需迭代页面索引，只需获取
pages[Math.floor(Math.random()*pages.length)]

如果你想避免重复，即。以随机顺序浏览页面，然后保留当前代码，但在 setInterval 之前 - 对数组进行洗牌。我个人会使用
pages.sort(function(a,b) {return Math.random()-0.5;}); 但我知道有些挑剔的人会说这不够“随机” ...-耸肩-