定期刷新jQuery中的

类似于如何在jQuery中重新加载/刷新元素（图像）但不能同时重新加载/刷新元素（图像） 。

我有一个网络摄像头，每2秒钟保存图像而不是流式传输。 使用jQuery（或直接JS）我想刷新图像元素。

应该很简单，但我的所有搜索都会根据要求显示刷新情况。

Answer 1

setInterval(function(){ $("#myimg").attr("src", "/myimg.jpg?"+new Date().getTime()); },2000); 

Answer 2

setInterval是一个定时器，它将执行一个x毫秒的函数

 setInterval(function () { var d = new Date(); $("#myimg").attr("src", "/myimg.jpg?"+d.getTime()); }, 2000); 

Answer 3

这应该做的工作：

 window.setInterval(function() { var d = new Date(); $("#myimg").attr("src", "/myimg.jpg?"+d.getTime()); }, 2000); 

Answer 4

您必须强制浏览器实现图像，而不是从缓存中获取它。 您可以通过更改URL，添加每次更改的无用参数（例如时间戳）来完成此操作。

 $('img.webcam').each(function() { var jqt = $(this); var src = jqt.attr('src'); src = src.substr(0,src.indexOf('?')); src += '?_ts=' + new Date().getTime(); jqt.attr('src',src); }); 

在计时器或单击或两者或其他任何内容中执行此代码段。

Answer 5

将时间戳添加到它将刷新的图像源。

 setInterval(function(){ $("img").each(function(){ var timeStamp = (new Date()).getTime(); $(this).attr("src", $(this).attr("src") + timeStamp ); }); }, 2000);