无负载刷新 div答案

【问题标题】：Refresh div without load无负载刷新 div
【发布时间】：2014-01-21 08:38:38
【问题描述】：

我有一个包含一些内容的 div，我希望 div 每 x 秒自动刷新一次。我不想使用 load，因为它会调用其他页面并且 div 内容不是动态的。

这是我尝试过的：

<script type="text/javascript">
    function refreshDiv() {
       gg1.refresh(getRandomInt(0, 100));
    }
    $(document).ready(function () { setInterval(refreshDiv, 5000); });
</script>

<div id="first">a</div>
<div id="second">b</div>
<div id="gg1">c</div>

【问题讨论】：

如果不改变重新加载有什么意义？如果确实改变了，没有ajax怎么改变？
那么如果不使用ajax，你想用什么刷新它？
你只是想改变div的内容吗？如果是这样，只需在刷新的地方使用 .val 或 .html。
如果你不想改变 div 的内容，那为什么会刷新.. 你想在这里实现什么？然后您可以使用.html 或.text 更改div 的内容。
没有意义吗？你不能“重新加载”一个元素，你可以改变它的内容，但是如果你不想改变内容，不想重新加载页面，就不管它吗？

标签： javascript jquery html

【解决方案1】：

如果我理解您的问题，您只想在 5 秒内用随机数更新 div？那么我认为my jsFiddle 的这段代码会对你有所帮助。

function getRandomInt() {
    return Math.floor(Math.random() * 11);
};

function refreshDiv() {
    $('#gg1').html(getRandomInt());
};

$(document).ready(function () {
    setInterval(refreshDiv, 5000);
});

【讨论】：

如果我不想要随机数，我只想要相同的内容 div 刷新
然后使用你的内容而不是$('#gg1').html(getRandomInt());作为html：$('#gg1').html('yourcontentgoeshere');或仅刷新相同的内容，例如：$('#gg1').html($('#gg1').html());;-P

【解决方案2】：

我不认为refresh 是一个有效的命令（我可能是错的）。我会这样做：

var cDIVCONTENT = "a";
function refreshDiv() {
   gg1.value = cDIVCONTENT;
}
$(document).ready(function () {
   setInterval(refreshDiv, 5000); 
});

这将不断地将gg1 div 的值设置为cDIVCONTENT 这是你想要的吗？

【讨论】：

我不想更改内容
这只是一个例子。您可以将 cDIVCONTENT 设置为 DIV 的原始内容，然后您只是重置内容。因此，例如，如果用户更改了它，那么它将在每个间隔后重置

【解决方案3】：

首先你为集合内容创建一个函数

function changeDIV()
{
    $('.eg').html('text');
}

并用间隔调用

$(document).ready(function()
{
   setInterval(changeDIV,5000); 
});

【讨论】：