从数组中获取随机元素，显示它，然后循环-但永远不要跟在同一个元素后面

function changeSubTitle() {
    var whatAmI = ["Webdesigner", "Drummer", "Techie", "Linguistics student", "Photographer", "Geek", "Coder", "Belgian", "Batman", "Musician", "StackExchanger", "AI student"];
    setTimeout(function () {
        $(".page-header > h2").animate({
            "opacity": 0
        }, 700, function () {
            $(this).text(whatAmI[Math.floor(Math.random() * whatAmI.length)]);
            $(this).animate({
                "opacity": 1
            }, 700, changeSubTitle);
        });
    }, 1000);
}

请停止向上投票：-D

以下答案更好：https://stackoverflow.com/a/32395535/1636522.我和蒂姆之间的深入讨论启发了你为什么应该避免使用我的解决方案。我的答案只是从这个角度来看很有趣，因此，它不值得任何支持：-D

---

你可以保存最后一个整数；而"；直到下一个不同：

var i, j, n = 10;
setInterval(function () {
  while ((j = Math.floor(Math.random() * n)) === i);
  document.write(j + ' ');
  i = j;
}, 1000);

或者更简单，只需添加1…：-D Modulo n即可防止索引溢出：

var i, j, n = 10;
setInterval(function () {
  j = Math.floor(Math.random() * n);
  if (j === i) j = (j + 1) % n;
  document.write(j + ' ');
  i = j;
}, 1000);

应用于代码的第一个解决方案：

var whatAmI = ["Webdesigner", "Drummer", "Techie", "Linguistics student", "Photographer", "Geek", "Coder", "Belgian", "Batman", "Musician", "StackExchanger", "AI student"];
var j;
var i = 1; // since you start with "Drummer"
var n = whatAmI.length;
function changeSubTitle() {
  setTimeout(function () {
    while ((j = Math.floor(Math.random() * n)) === i);
    $(".page-header > h2").animate({
      "opacity": 0
    }, 700, function () {
      $(this).text(whatAmI[j]);
      $(this).animate({
        "opacity": 1
      }, 700, changeSubTitle);
    });
  }, 1000);
  i = j;
}
changeSubTitle();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<header class="page-header">
     <h1>Bananas</h1>
     <h2>Drummer</h2>
</header>

要使除前一个元素外的所有元素都有机会使用，请执行以下操作：

var i, j, n = 10;
setInterval(function () {
  // Subtract 1 from n since we are actually selecting from a smaller set
  j = Math.floor(Math.random() * (n-1)); 
  // if the number we just generated is equal to or greater than the previous
  // number then add one to move up past it
  if (j >= i) j += 1;
  document.write(j + ' ');
  i = j;
}, 1000);

代码中的注释应该解释这是如何工作的。要记住的关键是，你实际上是从9个可能的值中选择，而不是从10个中选择。

在开始之前，您应该将i初始化为数组中的一个随机元素。

对于选择第二个元素的3元素阵列的简单遍历：

i=1, n=3

随机结果给出0或1。

如果它是0，则j >= i返回false，并且我们选择元素零

如果它是1，则j >= i返回true，并且我们选择第三个元素。

您可以在i为0、i为2的情况下进行同样的遍历，以确保它永远不会超出缓冲区，并且始终有平等的机会选择所有其他元素。

然后，您可以将相同的逻辑扩展到任何大小的数组。它的工作方式完全相同。

var whatAmI = ["Webdesigner", "Drummer", "Techie", "Linguistics student", "Photographer", "Geek", "Coder", "Belgian", "Batman", "Musician", "StackExchanger", "AI student"];
var prev = 1; //1 because "drummer" is the first array element displayed in the HTML
function getIndex(){
    var next = Math.floor(Math.random() * whatAmI.length);
    if(next==prev)
        return getIndex();
    else {
        prev = next;
        return next;
    }       
}
function changeSubTitle() {
    setTimeout(function () {
        $(".page-header > h2").animate({
            "opacity": 0
        }, 700, function () {
            $(this).text(whatAmI[getIndex()]);
            $(this).animate({
                "opacity": 1
            }, 700, changeSubTitle);
        });
    }, 1000);
}
changeSubTitle();