有没有办法用javascript淡入淡出循环中相同的图像URL？

我在服务器端更新的Web服务器（example.com/webcam.jpg）上存储了一个图像

我想在静态HTML页面上插入此图像，但循环会不断重新加载图像（可能会从上一个图像淡入当前图像）

有一些jquery示例在两个具有两个不同地址的图像之间淡入淡出，但在我的示例中，图像始终存储在同一URL，循环/淡出必须继续，直到用户离开页面

---

到目前为止，我所做的只是使用

刷新整个页面。您可以使用

setInterval

设置循环

在循环中，将图像

src=

设置为源图像，但这不会刷新图像，因为它将被浏览器缓存，因此需要向URL添加一些内容，以便浏览器认为它是新图像

setInterval(function() {
    document.getElementById("myimage").src = "/myimage.jpg" + new Date().getTime();
}, 5000);

您可以添加一个简单的淡入淡出/淡出

setInterval(function() {
    $("#myimage").fadeOut(function() {
        this.src = "/myimage.jpg" + new Date().getTime();
        $(this).fadeIn();
    });
}, 5000);

最好等待映像完成加载，请参见以下回答：

---

为了获得更平滑的效果，您可以使用两个图像，就像您已经找到的答案一样，这样就不需要在加载另一个图像时隐藏其中一个图像。使用

position:relative

/

position:absolute

将它们放在一起，然后一个淡出，另一个淡出，以使它们过渡（但这不是问题的一部分，只是为了提高用户体验）.

你的建议回答了汽车应该使用哪种品牌的机油，而我的问题更多的是关于获得驾驶执照的问题。：）我没有考虑缓存的问题，我仍在尝试如何在循环中重新加载图像（带有淡入效果），可能我最初的问题不够清楚，我道歉。