2

JavaScript を含む DIV を 5 秒ごとに更新したいと考えています。このコードを試しましたが、1 回しか更新されません。JavaScript コードを 5 秒ごとに実行するにはどうすればよいですか?

<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 content 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();
});
于 2013-10-31T10:01:10.950 に答える
0

これを試して

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