javascript - 如何每 15 秒更新一次 div？

Question

嗨，我需要每 15 秒更新一次 div。我尝试使用 jQuery 来做到这一点。 然后我在页面顶部插入 jQuery 文件并编写了以下脚本:

<script>
$(document).ready(function() {
  $("#stats").load("stats.php");
  var refreshId = setInterval(function() {
    $("#stats").load('stats.php?randval='+ Math.random());
  }, 15000);
  $.ajaxSetup({ cache: false });
});
</script>
<div id="stats"></div>

我注意到这个脚本在空白页面上可以正常工作，但是通过输入“prototype.js”，脚本停止工作。

Answer 1

如果您需要在同一页面中使用 Prototype.js，请考虑重写您的定期更新函数以使用该函数而不是 jQuery。解决冲突只需向页面添加两个库，它们都执行相同的操作。

<script>
$(document).observe('dom:loaded', function() {
  new Ajax.PeriodicalUpdater('stats', 'stats.php', { frequency: 15 });
});
</script>
<div id="stats"></div>

完成了，我不得不说，比普通的 jQuery Ajax 东西更优雅。如果结果没有改变，这会自动降低请求频率，从而节省带宽。一旦结果与上次不同，则再次返回日程。