Javascript 每隔一段时间刷新img

我的jsp文件中有以下div

<div id="myDiv">
    <img alt="" src="http://localhost:8080/chartDemo/servlet/ChartDemoServlet">
</div>

我想每隔一段时间自动刷新图像

我试过了，效果很好，但刷新了整个页面

如何仅刷新图像

setInterval(function() {
  // use to prevent browser cache
  var d = new Date();
  $("#myDiv img").attr("src", "http://localhost:8080/chartDemo/servlet/ChartDemoServlet?"+d.getTime());
}, 3000); // every 3 seconds.

我想每隔一段时间自动刷新这个div

有什么内容？还是img每次都会改变

如果是：

setInterval(function() {
    $("#myDiv").html('<img alt="" src="http://localhost:8080/chartDemo/servlet/ChartDemoServlet">');
}, 1000);

---

…如果img的src URL返回的数据上的缓存头是正确的，则应每秒执行一次1000ms=1秒，否则浏览器可能会缓存早期版本。这样做的目的是完全删除div的内容，然后将给定的标记分配给它，这将重新创建img元素并导致重新获取，前提是标题正确。

您需要使用window.setInterval timer。在该函数中，您给出了img src的更改。 像这样吗

//timer function
window.setInterval(refreshImage,1000);

function refreshImage()
{
     $('#urdiveid img').attr('src')='new location';
}

---

这可以通过JavaScript超时功能完成

var t=setTimeout("functiontoCall()", 3000)

---

您可以在FunctiontoCall中编写自己的函数，以在myDiv中加载内容。它可以是ajax调用或简单的Dom操作

我认为您需要重新加载图像。你不能刷新div。

function timedRefresh(timeoutPeriod) {
    setTimeout("location.reload(true);",timeoutPeriod);
}

var t=setTimeout("functiontoCall()", 3000)