加载后重新加载图像（jquery/javascript）答案

【问题标题】：Reload image after it has loaded (jquery/javascript)加载后重新加载图像（jquery/javascript）
【发布时间】：2014-10-02 20:55:38
【问题描述】：

我想重新加载一个在服务器上不断更新的图像。到目前为止，我只尝试过：

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 毫秒刷新一次图像。我的问题是我想尽可能快地加载新图像。所以使用更大的时间间隔是没有选择的。任何想法都非常感谢。

【问题讨论】：

那么这段代码有效吗？你想更频繁地更新图像还是什么？
代码不断更新图像。如果最后一个图像已完全加载，它应该只更新图像。

标签： javascript jquery image load refresh

【解决方案1】：

尝试使用 load 事件有点不同：

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

这里是demo。我在那里使用setTimeout 只是为了以某种方式限制它，但你可以删除它。

【讨论】：

谢谢根本没有足够的jquery知识。