java - 如何每 500 - 1000 毫秒刷新一次 div 标签？

Question

我有这个 div，其内容取决于 HTML 嵌入式媒体播放器的当前时间。

<div id = "myId">
<s:iterator value="timeLine.getFrameByTime('22').slide.indices">
    <a href="javascript:setCurrentTime('<s:property value="timeLine.getFrameByTime('22').slide.firstOccurence"/>')">
             <s:property value="text"/>
       </a>
</s:iterator>
</div>

22 号是硬编码的。应该是下面函数的返回值。

JavaScript 代码:

function getCurrentTime() {
    return document.getElementById('video').controls.currentPositionString;
}

function setCurrentTime(time) { 
    document.getElementById('video').controls.currentPosition = parseFloat(time);
}

上面的 div 应该每 500 毫秒刷新一次。我不认为 AJAX 和 JSON 是解决方案，因为那时服务器会重载。

有没有办法从 hibernate 500 - 1000 毫秒的 JavaScript (jQuery) while 循环中刷新 div？

编辑:我所说的刷新是指应该更改 div 的内容。我知道我的媒体播放器的当前时间，我知道特定时间输入的内容是什么。现在我需要一种机制来询问我的媒体播放器时间到了并更改 div 内容。

问题是:每 500 毫秒使用 AJAX 并在服务器上调用我的方法，该方法为我提供特定时间输入的内容或在页面上加载整个数据初始化并在 JavaScript 中实现逻辑，该逻辑仅显示该数据的一部分，具体取决于当前时间？

Answer 1

您可以为此目的使用 Jquery SetInterval 函数...

setInterval(function() {
      // Do something every 5 seconds
}, 5000);

这可用于使用客户端缓存中的内容刷新 div 或发送服务器请求以检索数据以刷新 div。