如何在加载页面后几秒钟使用Jquery刷新图像

Question

我有一个带有php生成图像的网页，显示一个体积计。从微控制器检索php图像中的一个变量。在生成页面之前未更新变量，因此卷显示不正确。我知道图像没有从缓存中拉出，因为如果我立即刷新页面，图像就会正确显示。

我正在寻找一个Jquery脚本来刷新ID为“volumegauge”的页面上的这个图像。

<img src="gauge.php?Color=green&MaxScale=79&Value=<Nb_var02>&caption=Volume" id="volumegauge"/>

*此页面仅在iphone上查看，因此无需担心它在IE中的工作方式。

Answer 1

像这样：

$(function() {
    setTimeout(function() {
        $('#volumegauge').attr('src', function(i, old) { return old + "&rand=" + new Date; });
    }, 3000);    //3,000 milliseconds
});

如果图片的网址没有查询字符串，请将&替换为?。

Answer 2

尝试在$ setTimeout()函数中使用(document).ready()。如果要异步刷新该图像，可以使用$.ajax()或其变体来请求图像的“当前”版本，然后将其放入页面。