自动刷新包含 javascript 的 div答案

【问题标题】：auto refresh div containing javascript自动刷新包含 javascript 的 div
【发布时间】：2013-11-11 06:26:22
【问题描述】：

我想每 5 秒刷新一次其中包含 JavaScript 的 DIV。我试过这段代码，但它只刷新一次。如何让它每五秒执行一次 JavaScript 代码？

<html>
<head>
<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 ()
{
$('#content').load('count.html');
}, 5000); // refresh every 5000 milliseconds

</script>
</head>

<body>

<div id="content">
    <script type="text/javascript">

    today = new Date();
    BigDay = new Date("December 25, 2020");
    msPerDay = 24 * 60 * 60 * 1000 ;
    timeLeft = (BigDay.getTime() - today.getTime());
    e_daysLeft = timeLeft / msPerDay;
    daysLeft = Math.floor(e_daysLeft);
    e_hrsLeft = (e_daysLeft - daysLeft)*24;
    hrsLeft = Math.floor(e_hrsLeft);
    minsLeft = Math.floor((e_hrsLeft - hrsLeft)*60);
    document.write("There are only<BR> <H4>" + daysLeft + " days " + hrsLeft +" hours and " + minsLeft + " minutes left </H4> Until December 25th 2020<P>");
    </script>
</div>

</body>
</html>

【问题讨论】：

当我用alert() 替换你的$("#content").load() 时它工作正常..codepen.io/anon/pen/hldLe
参考这个stackoverflow.com/questions/18503478/…

标签： javascript jquery refresh

【解决方案1】：

我在这里找到了另一个问题的答案：Auto Refresh DIV contents every 5 seconds code not working

我认为您的刷新功能是不完整的，例如没有任何东西使它循环。试试这样的：

$(document).ready(function () {
var seconds = 5000; // time in milliseconds
var reload = function() {
   $.ajax({
      url: 'editStatus.jsp',
      cache: false,
      success: function(data) {
          $('#refreshDIV').html(data);
          setTimeout(function() {
             reload();
          }, seconds);
      }
   });
 };
 reload();
});

【讨论】：

这是垃圾邮件答案你可以看到这个stackoverflow.com/questions/18503478/…的副本
@Sandeep 当您从其他地方复制内容时，您*必须注明来源。此外，您不应简单地复制粘贴整个内容，而应在答案中包含您自己的措辞，并提供参考信息以提供支持。

【解决方案2】：

试试这个

$(document).ready(function(){
setInterval(function(){
     $('#content').load('count.html');
     }, 5000);
});

【讨论】：