javascript - 如何使图像按随机顺序循环播放？

Question

我知道 math.random() 选项存在，但我无法弄清楚如何在我的代码中使用它。目前，它正在以排序的方式循环。

(function () {
  var rotator = document.getElementById("rotator"); // change to match image ID
  var imageDir =
    "/Users/loh/Documents/ElectronJS/newapp1/newapp1/pages/images/visionboard/";
  var delayInSeconds = 1;
  var num = 0;
  let currentIndex = 0;
  const totalImages = 16;
  const changeImage = function () {
    num = ++num % totalImages;
    rotator.src = imageDir  + num + ".png";
  };
  setInterval(changeImage, delayInSeconds * 1000);
})();

Answer 1

(function () {
  var rotator = document.getElementById("rotator"); // change to match image ID        
  var imageDir =
    "/Users/loh/Documents/ElectronJS/newapp1/newapp1/pages/images/visionboard/";
  var delayInSeconds = 1;
  var num = 0;
  let currentIndex = 0;
  const totalImages = 16;
  const changeImage = function () {
    var incre = Math.floor(Math.random() * (totalImages-1) ) + 1;
    num += incre;
    num = num % totalImages;
    rotator.src = imageDir  + num + ".png";
  };
  setInterval(changeImage, delayInSeconds * 1000);
})();