我有一个正在不断地从一个本地网络摄像头资源更新的图像，然后在网站上显示。我能得到的图像显示和刷新页面的图像将更新（明显）。

I have an image that is being constantly updated from a local webcam source, it is then displayed on a website. I can get the image to show and by refreshing the page the image will update (obviously).

我想知道的是，我怎么可以更新这个图像中的每个（可以说）5秒，而无需手动刷新页面（即利用AJAX）。

What I am wondering is, how can I update this image every (lets say) 5 seconds, without having to refresh the page manually (ie. utilizing ajax).

基本的东西我不是太肯定：

Basic things I am not too sure about:

＆LT; IMG SRC =/＆GT; ＆LT; ---我怎么能加载图像的URL位于的JavaScript $ C $内ç

<img src=""/> <--- how can I load an image url that is located within the javascript code

在JavaScript code，我怎么可以创建一个自动更新的图像源，而无需重新加载页面的函数

within the javascript code, how can I create a function that will automatically update the image source, without having to reload the page

据我了解，在阅读各地的主要问题之一是，浏览器会加载缓存图像，除非得到的HTT prequest每次看起来不一样，因此我是否需要内增加一个额外的项目URL字符串为了规避这个可怕的浏览器predisposition（即www.yoursire.com?image=foo&date=bar（该日期由日期函数或其他迭代值）抢下）？

As I understand it, upon reading around, one of the main problems is that browsers will load the cached image unless the resulting httprequest looks different each time, as such am I required to add an additional item within the url string (ie. www.yoursire.com?image=foo&date=bar (the date is grabbed by date function or some other iterated value)) in order to circumvent this horrible browser predisposition?

在此先感谢！

推荐答案

无需编写的所有的的code

Without writing all the code

看JavaScript函数的setTimeout（）和的setInterval（）

可以很容易地改变全日空元素的src属性

it's easy to change the src attribute of ana element

document.getElementbyId("imageId").setAttribute("src", imageUrl);

如果您的图像请求的URL是相同的，每次（但PIC已经改变服务器端），您可以添加一个无缓存Ajax请求头，也可能是随机的查询字符串添加到像每次强制重新加载（如的http：// MYDOMAIN / MYIMAGE 3754854 ）