如何使用javascript每5秒重新加载一次img？

如何使用javascript每5秒重新加载一次img

<img src="screen.jpg" alt="" />

---

每次要重新加载图像时，必须更改图像url，如：“screen.jpg？rand=123456789”，其中“123456789”是一个随机生成的数字，每次要重新加载图像时都会重新生成。浏览器会认为它是一个不同的图像，并实际再次下载它，而不是从缓存中检索它。web服务器很可能会忽略并丢弃问号后的所有内容

要首先导致重新加载，您必须使用Javascript获取image元素并更改源代码。我能看到的最简单的选择是为image元素提供一个

id

属性，如下所示：

<img src="screen.jpg" id="myImage" />

要在设置的计时器上执行此操作，请使用顶级Javascript函数

setInterval

：

setInterval(function() {
    var myImageElement = document.getElementById('myImage');
    myImageElement.src = 'screen.jpg?rand=' + Math.random();
}, 5000);

---

第二个参数指定5000毫秒，相当于5秒。

第一步是让HTML工作…

url

属性应该是

src

属性；没有

url

属性。

setInterval(function() {
    var myImageElement = document.getElementById('myImage');
    myImageElement.src = 'screen.jpg?rand=' + Math.random();
}, 5000);