Question

我在我的jsp档案里有跟踪Div

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

我想在某个间隔内自动刷新图像。

我尝试了的操作非常完美, 但可以刷新整页。

我怎样才能只刷新图像呢?

Answer 1

<div id="myDiv" onload="JavaScript:timedRefresh(5000);">
        <img alt=""
            src="http://localhost:8080/chartDemo/servlet/ChartDemoServlet">
    </div>

把它放在喷射针中

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

Answer 2

我想在某个间隙自动刷新该 div 。

用什么内容? 或者每次 img 都会更改吗?

如果是:

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

...如果 < code> img s < code> src < /code > URL 返回的数据的缓存信头是正确的(否则,浏览器可以缓存较早版本),那么完全撕掉 < code> div 的内容,然后为其指定标记,该标记应重新创建 < code> img < /code > 元素,并导致再展(如果信头是对的,则会增加)。

Answer 3

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.

Answer 4

You need to use window.setInterval timer. In that function you give change the img src. soemthing like this

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

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

Answer 5

可以用 JavaScript 超时函数完成

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

您可以在 FunctiontoCall () 中以 myDiv 输入内容。它可以是ajax调用或简单的 Dom 操作。

友情链接