javascript - 如何在用户按下刷新按钮时限制随机播放

Question

当用户按下按钮并进行第一次随机播放时，如果有进一步的随机播放尝试，我希望再次显示第一个结果。

例如:第一次随机播放 [42, 37, 11, 2]；进一步随机播放:[42, 37, 11, 2](如果用户按下刷新按钮，我想再次显示相同的第一次随机播放结果9

<script>
    var arr = [2, 11, 37, 42];
    arr = shuffle(arr);
    console.log(arr);

    function shuffle(array) {
      var currentIndex = array.length, temporaryValue, randomIndex;

      // While there remain elements to shuffle...
      while (0 !== currentIndex) {
        // Pick a remaining element...
        randomIndex = Math.floor(Math.random() * currentIndex);
        currentIndex -= 1;
        // And swap it with the current element.
        temporaryValue = array[currentIndex];
        array[currentIndex] = array[randomIndex];
        array[randomIndex] = temporaryValue;
      }        
      return array;
    }
</script>

Answer 1

将结果放入sessionStorage；加载时，仅当无法从 sessionStorage 获取它时才进行随机播放。像这样的东西:

var arr, arrJSON;
arrJSON = sessionStorage.getItem('shuffledArray');
if (arrJSON) {
  arr = JSON.parse(arrJSON);
} else {
  arr = shuffle([2, 11, 37, 42)];
  sessionStorage.setItem('shuffledArray', JSON.stringify(arr));
}