2

我想每 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>
4

2 回答 2

2

我在这里找到了另一个问题的答案：Auto Refresh DIV contents per 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();
});
于 2013-10-31T10:01:10.950 回答
0

尝试这个

$(document).ready(function(){
setInterval(function(){
     $('#content').load('count.html');
     }, 5000);
});
于 2013-10-31T11:28:19.257 回答