使用javascript以固定的时间间隔获取图像url

我是javascript的完全初学者，所以我甚至不知道从哪里开始。我有一个显示.jpg快照的URL。它由视频服务器提供服务。我想采取的形象，并显示在网页上的形象正在刷新每2秒。图像将显示在id为“snapshot”的div容器中

---

任何帮助或指导都将不胜感激。

对于您的html，请执行以下操作：

<div id="snapshot"><img/></div>

---

在'updateImage'函数中，我添加了一个？以及url的时间哈希，以便每次设置源时，srcurl都是唯一的。如果每次都不使其唯一，浏览器将缓存第一个请求中的图像，并且永远不会更新图像。因此，您必须使url唯一，并通过在url末尾添加一个任意的哈希来实现这一点。我希望这是有道理的

为什么不

document.getElementById（'snapshot'）

？那也行，@AnalPhabet。这两种方法都可以用。@AnalPhabet，因为这一个实际上选择了图像，而不是div？是的。querySelector允许您使用css查询，而不是通过id选择元素，然后在其中获取img@安乃近

var url = "some url somewhere";
var snapshotImg = document.querySelector('#snapshot > img');
var updateInterval = setInterval(updateImage, 2000); //start the update every 2 seconds
updateImage(); //immediately update the image

function updateImage(){
    snapshotImg.src = url + "?"+ new Date().getTime();
}