Question

而不是整个页面刷新一段时间后，我只是喜欢一个特定的div容器来重新加载/刷新。有没有办法做到这一点？

<div id="wrapper">
<div id="quoteContainer"></div>
</div>

Answer 1

您可以使用jQuery和Googles ajax api

获得您想要的效果

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
   $('#load_latest_scores').load('latest_scores.html');
}, 10000); // refresh every 10000 milliseconds
</script>
<body>
<div id="load_latest_scores"> </div>
</body>

Answer 2

如果您有一个提供引号的网页，例如quote.html，则可以这样做：

setInterval(refreshQuote, 10000); //every 10 seconds

function refreshQuote() {
  $("#quoteContainer").load("quote.html");
}

在这种情况下，从quote.html（或您拥有的任何来源）的预期回报是一个简单的字符串作为引用，它将采用此并用它替换<div id="quoteContainer"></div>的内容。

Answer 3

我认为一种方法是

<script>
function render (){
$('#mydiv').html("<b>new stuff</b>")
}
window.setInterval(render, 500);
</script>

自动重新加载div容器

3 个答案: