Question

我尝试每隔 xx 秒刷新一次图像，当相机将相机上传到服务器时，图像已经附加了时间戳。到目前为止，我的解决方案是将图像发布到div标签<div id="camera">中，然后刷新div。我已尝试过Stackoverflow中提到的一些解决方案，但我无法让它们工作。现在，WP页面上的代码如下所示：

var auto_refresh = setInterval(
function () {
    $('#camera').fadeOut('slow').load('#camera').fadeIn("slow");
}, 5000);

并且网页上的div看起来像

<div id="camera"><img id="kamera3" src="/webcam3/FI9804W_00626E4E4229/snap/Schedule_20140925-091319.jpg"></div>

有什么建议我应该使用吗？向图像添加随机变量不起作用，因为它只会重新加载具有特定时间戳的一个图像。

Answer 1

.load()应包含一个URL作为第一个参数（根据the docs）。您的只包含#camera，它可以引用所提取文档的一部分，但仍应包含文档名称，如下所示：

$('#camera').fadeOut('slow').load('ajax/somepage.html #camera').fadeIn("slow");

在上面的示例中，将获取页面ajax/somepage.html，jQuery将对其进行解析，并仅返回标识为camera的元素的内容。但是，您必须提供URL。

Answer 2

<!DOCTYPE html>
<html>
<head>
<title>hello</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var ref=setInterval(function(){  $('#camera').load('#kamera3');  }, 1000);
});
</script>
</head>
<body>
<div id="camera"><span id="kamera3">this is autoload function</span></div>
</body>
</html>

我的文字正在加载，如果是图片，则必须告诉浏览器不要缓存图片。

使用图像自动刷新Div-tag

2 个答案: