Javascript以链接的随机顺序自动播放图像

时间:2018-09-05 03:27:08

标签: javascript html

我正在尝试通过Javascript在网站上自动播放一系列图像(每次播放的顺序/顺序都是随机的)。我还试图使其中的某些图像中具有重定向到不同站点的超链接。

我对JS的理解非常有限。我一直在网上搜寻各种方法和方法来到达自己的位置,但是我想出的JS无法正常工作。

这是我目前拥有的:

var imgLinks = [
// format: ['imageSource','imageLinkURL'],
  ['1.jpg','https://example.com'],
  ['2.jpg','https://www.google.com'],
  ['3.jpg','https://www.yahoo.com'],
  ['4.jpg','https://www.bing.com'],
  ['5.jpg','https://ddg.gg']
  // NOTE: no comma after last entry
];


function displayImage(){
  var num = Math.floor(Math.random() * (imagesArray.length));
  if (!usedImages[num]){
    document.canvas.src = imagesArray[num];
    usedImages[num] = true;
    usedImagesCount++;
    if (usedImagesCount === imagesArray.length){
        usedImagesCount = 0;
        usedImages = {};
    }
  } else {
    displayImage();
  }
}
window.onload = function() {
  setInterval(changeBanner, 300)

  function GoToURL(URL) {
    document.location.href = URL; 
  }

  onload = function () {
    RandomLink();
  }
};

非常感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

您可以使用此功能:

function RandomLink(arr){
  var index = Math.floor(Math.random() * arr.length);
  return arr[index];
}

arr是您的imgLinks

请检查this fiddle