自動刷新帶圖片的Div標簽

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作為第一個參數（根據docs ）。 您的僅包含#camera ，它可以引用所獲取文檔的一部分，但仍應包含文檔名稱，如下所示：

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

在上面的示例中，將獲取ajax/somepage.html頁面，jQuery對其進行解析，並且僅使用id 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標簽

問題描述

2 個解決方案

解決方案1
0 2014-09-25 08:33:17

解決方案2
0 已采納 2014-09-25 11:21:32

自動刷新帶圖片的Div標簽

問題描述

2 個解決方案

解決方案1 0 2014-09-25 08:33:17

解決方案2 0 已采納 2014-09-25 11:21:32

解決方案1
0 2014-09-25 08:33:17

解決方案2
0 已采納 2014-09-25 11:21:32