加載后重新加載圖像（jquery / javascript）

Question

我想重新加載在服務器上不斷更新的圖像。 到目前為止，我只嘗試過：

---

setInterval(function(){
        if ($("#stream").data("loaded")) {
            $("#stream").attr("src", "http://keshira.com:8080/?action=snapshot&" + new Date().getTime());
        }
},100); 

---

<img id="stream" onload="$(this).data('loaded', 'loaded');" src="http://keshira.com:8080/?action=snapshot"/>

---

不幸的是，這也每100毫秒保持刷新圖像。 我的問題是我想盡可能快地加載新圖像。 因此，使用更長的時間間隔是沒有選擇的。 任何想法都非常感謝。

Answer 1

嘗試使用load事件有點不同：

$("#stream").on('load', function() {
    $("#stream").attr("src", "http://keshira.com:8080/?action=snapshot&" + new Date().getTime());
});

這是演示 。 我在那里使用setTimeout只是以某種方式限制它，但你可以刪除它。