使用javascript以固定间隔获取图片网址

Question

我是javascript的初学者，所以我甚至不知道从哪里开始。我有一个显示.jpg快照的URL。它由视频服务器提供。我想拍摄图像并将其显示在网页上，图像每2秒刷新一次。图像将显示在id =“snapshot”

的div容器中

非常感谢任何帮助或指导。

Answer 1

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

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

然后在您的JavaScript中执行以下操作：

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();
}

在＆＃39; updateImage＆＃39;功能，我加了一个？和时间哈希到url，这样每次设置源时，srcurl都是唯一的。如果您不是每次都使其独一无二，浏览器将缓存来自第一个请求的图像，并且它不会更新图像。所以，你必须使url成为唯一的，并且通过在url的末尾添加一个任意的哈希值。我希望这是有道理的。