2013-10-31 72 views
2

我想每5秒钟刷新一次内含JavaScript的DIV。我试过这个代码,但它只刷新一次。我怎样才能让它每五秒钟执行一次JavaScript代码?包含javascript的自动刷新div

<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> 
+0

当我代替你的'$( “#内容”)负荷..。 http://codepen.io/anon/pen/hldLe – EricG

+0

请参阅本http://stackoverflow.com/questions/18503478/auto-refresh-div-contents-every-5-seconds-code-not-working –

回答

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(); 
}); 
+0

我试着你的代码,但它不会刷新div内容。 – Mashael

+0

这是垃圾邮件的答案,你可以看到这个http://stackoverflow.com/questions/18503478/auto-refresh-div-contents-every-5-seconds-code-not-working –

+0

@Sandeep当您复制内容的副本从其他地方,你**必须*来源。此外,您不应该简单地复制粘贴整个事情,而是将自己的措辞包含在答案中,并将参考信息仅用于支持。 –

0

()``通过警报()`,它工作正常试试这个

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