Question

我想要我的＆＃34; X＆＃34;网站上的按钮每30秒左右出现一次。因此，当人们访问我的网站时，他们可以关闭＆＃34; X＆＃34;按钮，关闭后，＆＃34; X＆＃34;按钮将在30秒左右再次显示。这怎么可能？我知道如何延迟按钮显示

＆＃13;

<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
  <script>
      $(document).ready(function () {
          // Hide the div
          $("#button1").hide();
          // Show the div after 2s
          $("#button1").delay(2000).fadeIn(100);  
      });    
  </script>

＆＃13;

感谢您的帮助

Answer 1

告诉它每30秒显示一次。

setInterval(function(){
    $('#button1').show();
},30000);

Answer 2

我只需为你的按钮添加一个onclick方法，当它被触发时，你会做同样的事情，就像你在开始时淡入按钮一样（隐藏然后延迟一个淡入淡出）。

应该像

一样

<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
  <script>
      $(document).ready(function () {
          // Hide the div
          $("#button1").hide();
          // Show the div after 2s
          $("#button1").delay(2000).fadeIn(100);  
          $("#button1").onclick(function() {
              
             $("#button1").hide();
             // Show the div after 30s
             $("#button1").delay(30000).fadeIn(100);  
          });
      });    
  </script>

如何在几秒钟后再次在网站上显示按钮？

2 个答案: