我想每隔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>
答案 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);
});