Question

我制作了一个小脚本，它从textfiles中获取了一些数据。要刷新数据，我尝试使用intvall并重新加载页面。

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript">    
        setInterval(page_refresh, 5*20000);
    </script>
        </head>
        <body>

    <div id="one">
    <div id="container">
        <div class="bg_desc"><div class="inner_desc"> Top Unterstützer (Monat)</div> </div>
        <div class="inner_background">
        <div id="text">


        </div>
    </div>
    <script>
        var xhttp = new XMLHttpRequest();
        xhttp.onreadystatechange = function() {
          document.getElementById('text').innerHTML = xhttp.responseText;
        };
        xhttp.open("GET", "data1.txt", true);
        xhttp.send();
        </script>

    </div>
    </div>

<div id="two">

</div>


<div id="three">

</div>

<script type="text/javascript">    
$(document).ready(function() {

loopbox();

function loopbox() {
    $('#one').delay(5).fadeIn(350).delay(40000).fadeOut(350, function() {
      $('#two').fadeIn(200).delay(20000).fadeOut(100, function() {
        $('#three').fadeIn(200).delay(350000).fadeOut(100,function() {                                
        loopbox();
        });
      });
    });
  }
});
    </script>


    </body>
</html>

消息“ReferenceError：page_refresh未定义”中的结果我无法弄清楚它有什么问题。第二个问题是，如果有一个更优雅的解决方案，如果每个div都活动而不重新加载整个页面，则直接重新加载数据。

Answer 1

setInterval(function, interval)所以page_refresh应该是功能

function page_refresh(){
  window.location.href = window.location.href;
}

使用intvall和page_refresh将数据重新加载到网页中

1 个答案: