每 x 秒从远程服务器重新加载一次图像，而不重新加载整个页面

Question

我需要刷新一个 img 标签中的图像。我的问题是图像的 src 是我无法控制的远程服务器的 URL。所以如果我尝试使用类似的东西：

脚本：

setTimeout(function(){
       document.getElementById("myImage").src = "someIpAddress:8080/some/path/status?someId=123456" + "&rand=" + Math.random()
    },5000);

HTML:

 <div>
    <img src="someIpAddress:8080/some/path/status?someId=123456" id="myImage" >
 </div>

服务器给了我 500，但什么也没有显示。如果我尝试重新加载页面，它会工作，但有一个很短的间隔，那里有空白页，我想避免这种情况，或者至少尽可能减少这个间隔。我什至已经尝试使用 Image 和 canvas，但我没有得到任何结果。提前致谢。

Answer 1

您可以尝试使用 #

..some/path/status?someId=123456#RandomStuff

每 x 秒从远程服务器重新加载一次图像，而不重新加载整个页面

Reload an image from a remote server every x seconds without reloading whole page

html

javascript

image

reload