Javascript自动播放图像，带有链接的随机顺序

<div id="imageContainer">
  <a href="https://example.com"><img src="image1.jpg" alt="Image 1"></a>
  <a href="https://example.com"><img src="image2.jpg" alt="Image 2"></a>
  <a href="https://example.com"><img src="image3.jpg" alt="Image 3"></a>
</div>

// 获取图像容器的引用
var imageContainer = document.getElementById("imageContainer");

// 存储图像和链接的数组
var images = [
  { src: "image1.jpg", alt: "Image 1", link: "https://example.com" },
  { src: "image2.jpg", alt: "Image 2", link: "https://example.com" },
  { src: "image3.jpg", alt: "Image 3", link: "https://example.com" }
];

// 定义自动播放和随机顺序的函数
function playImages() {
  // 生成随机索引
  var randomIndex = Math.floor(Math.random() * images.length);

  // 交换数组中的元素
  var temp = images[randomIndex];
  images[randomIndex] = images[0];
  images[0] = temp;

  // 更新图像容器中的内容
  var html = "";
  for (var i = 0; i < images.length; i++) {
    html += '<a href="' + images[i].link + '"><img src="' + images[i].src + '" alt="' + images[i].alt + '"></a>';
  }
  imageContainer.innerHTML = html;
}

// 每隔一段时间调用自动播放函数
setInterval(playImages, 5000); // 每5秒更换一次图像和链接