自动刷新包含javascript的div

时间:2013-10-31 09:57:26

标签: javascript jquery refresh

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

2 个答案:

答案 0 :(得分:2)

我在这里找到了另一个问题的答案: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();
});

答案 1 :(得分:0)

试试这个

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