Question

我有一个名为DisplayItems.html的本地非服务器网页，它从另一个名为items.html的网页中提取列表。我目前已设置DisplayItems每隔x秒刷新一次身体，以防items.html更新。我试图倾向于检查输入是否每隔几秒就改变一次。如果是这样，刷新DisplayItems的主体，如果没有，不刷新。我怎么能这样做呢？

DisplayItems.html

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<link rel="stylesheet" type="text/css" href="Scroll.css">
<script src="jquery1.min.js"></script>
<script type="text/javascript" src="jquery.marquee.min.js"></script>
<script src="jquery-1.12.4.min.js"></script>
<script type="text/javascript">
var jQuery_1_12_4 = $.noConflict(true);
var currentvar;
var oldvar = jQuery_1_12_4('#text').load("items.html"); 
<!--
function Refresh() {
setTimeout("location.reload(true);");
}
window.setInterval(function Checkforchange(){
  currentvar = jQuery_1_12_4('#text').load("items.html"); 
  if (currentvar != oldvar)
  currentvar = oldvar;
  Refresh();
}, 5000);
//   -->
</script> 
</head>
<body  onload="JavaScript:Refresh();">

<ul class='marquee' id="text">
</ul>

<script type="text/javascript">
jQuery_1_12_4('#text').load("items.html");
</script>   
</body>
</html>

Items.html

<li>new item1</li>
<li>senario2</li>
<li>senario3</li>

Answer 1

也许是这样的？使用你的html（除去身体中的刷新，显然使用Jquery）。

<script type="text/javascript">

    function Checkforchange() {

        $.get("/refresh/items.html", function (data) {

            if ($('#text').html() !== data) {
                $('#text').html(data);
                window.setTimeout(Checkforchange, 5000);
            }
        });
    }

    $(document).ready(function () {
        Checkforchange();
    });

</script>

如果文件输入更改，则刷新正文标记

1 个答案: