显示数组项一次（单击）

Question

这是我想要做的......

1. 在按钮上单击，将显示随机数组项。
2. 数组项目只能显示一次。

目前我已将代码设置为：

1. 单击随机数组项目。
2. 按钮单击继续循环，无止境。
3. 按钮单击会多次显示该项目。

以下是代码http://codepen.io/fun/pen/aNedGQ?editors=1010

的链接

帮助将不胜感激！ =）

以下是代码，与上面的链接相同。

HTML

<div id ='display'> </div>
<div class ='button'>Next item</div>

JS

var items = [1, 2, 3, 4, 5, 6, 7, 8, 9];

// Randomly on click display each item
// Only display each item once
// Stop when all items have been displayed

// Display to screen
var display = function(info) {
  var x = document.getElementById('display');
  x.innerHTML = info;
}
// Create random number
var random = Math.floor(Math.random() * items.length);
// Click handler 
$('.button').on('click', function() {
// Display random arr items to screen
  display(items[random]);
// Next item to be random
  random = (random + Math.floor(Math.random() * items.length)) % items.length;
});

Answer 1

您可以显示随机项，然后将其从数组中删除

＆＃13;

＆＃13;

var items = [1, 2, 3, 4, 5, 6, 7, 8, 9];
$('.button').click(function() {
  var rand = items[Math.floor(Math.random() * items.length)];
  $('#display').text(rand);
  items.splice(items.indexOf(rand), 1);
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='button'>Next item</div>
<div id='display'></div>

＆＃13;

＆＃13;

＆＃13;