JavaScript技巧：给页面上的所有链接添加随机数（或毫秒级时间）

Question

我有一个静态HTML页面，地址为https://MyPage/index.html

页面包含几个图片，位于https://MyPage/MyImages

图片在HTML源代码中的链接如下：

……

当点击按钮或者更好的是页面加载时，所有的图片链接都应该通过添加一个随机数或者例如当前的毫秒时间来重写，以便链接看起来像这样：

……

我相信可能的起点可以在这里找到：

更改页面上的所有链接

如何使用javascript更改所有链接

我如何将页面上的每个链接更改为新的内容？

从那里开始，如何在给出的示例中添加（而不是常量重定向），以便将随机数或毫秒时间附加到所有图片链接上？

Answer 1

const time_to_img = () => {
  document.querySelectorAll('img').forEach(e => {
    const dateStr = Date.now();
    const date = new Date(dateStr);
    e.src = e.src + '?' + date.getTime();
  })
}
window.addEventListener('load', time_to_img);

<img src="https://picsum.photos/id/1/300/200" alt="">
<img src="https://picsum.photos/id/7/300/200" alt="">
<img src="https://picsum.photos/id/12/300/200" alt="">
<img src="https://picsum.photos/id/22/300/200" alt="">

在循环中，你对毫秒级的时间进行了计算，然后将其添加到每个图像的src后面?

现在，如果你想为每个图像使用不同的数字，你需要添加一些东西（随机数？）。在这里，对于4个图像，所有操作都在同一毫秒内完成。