Question

我试图每隔一定时间用setinterval更新一个表，如果表被更新，问题是整个页面都被更新并且也翻了一番，这是示例代码：

<!DOCTYPE HTML>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>

</head>

<body>
  <h1>hello</h1>

  <div id="updategreeting">
    <h2>hello2</h2>
  </div>

</body>

</html>

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

    setInterval(

      function() {
        $("#updategreeting").empty().load("#updategreeting");
      }, 10000

    );
  });
</script>

在导航器中执行时会显示（ hello hello2 ），但在按设置的时间间隔进行充电时，则会显示（ hello hello2 ）

然后如果我只想更新div（updategreeting）而不加载（hello），希望您能帮助我。

Answer 1

您可以使用类似于show（）或hide（）函数签名的toggle()函数，它们将在给定的时间间隔内切换这些元素的可见性。

var t = $('#updategreeting').hide(); 


setInterval(function() {

 $('#updategreeting').toggle();
 $('.quote').toggle();
 
}, 10000);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="quote">
   <h1>hello</h1>
</div>

<div id="updategreeting">
   <h2>hello2</h2>
</div>

使用setinterval仅更新div

1 个答案: