延迟后刷新页面后如何显示按钮？ [重复]

Question

此问题已经在这里有了答案：

• How to wait 5 seconds with jQuery?8个答案

我创建了一个小功能，我想要吗，刷新页面后，该按钮想要显示一些延迟时间。。

[我的意思是，例如，如果我单击该modify div，页面将刷新并显示具有5000ms延迟的按钮（在5000ms延迟后刷新，然后该按钮想要显示）。

这是我的小提琴。。

FIDDLE HERE

我希望我的问题是可以理解的。

这是我的示例代码段。。

// after page refresh show button with 5000ms delay

$(document).ready(function() {
  $("#modify_sec").click(function() {
    location.reload();
  }, 5000);
  $("#sec_get").show();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-sm-6">
  <ol class="breadcrumb float-sm-right cash-icons">

    <li class="breadcrumb-item mdfy_icon" id="modify_sec"><a href="#">Modify</a></li>
  </ol>
</div>

<!-- button -->

<div class="col-2">
  <div class="data_btn" id="sec_get">
    <button type="button" id="getBtn">Get data</button>
  </div>
</div>

我创建了一个小功能，我想要吗，刷新页面后，该按钮想要显示一些延迟时间。.我的意思是，例如，如果我单击该修改div，页面将刷新并显示...] >

您可以设置超时时间，以毫秒为单位：

setTimeout(function(){ $("#sec_get").show(); }, 5000); 

希望这对您有所帮助。我已经在小提琴上对此进行了测试，但是由于LocalStorage，我认为代码在这里无法正常工作。

// after page refresh show button
$(document).ready(function() {
    $("#modify_sec").click(function() {
        window.localStorage.setItem("isLink", false);
        location.reload();
    });
  if(window.localStorage.getItem("isLink"))
  	$('#modify_sec').addClass('hide');
  setTimeout(function(){
    $("#sec_get").removeClass('hide');
  },5000);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-sm-6">
  <ol class="breadcrumb float-sm-right cash-icons">

    <li class="breadcrumb-item mdfy_icon" id="modify_sec"><a href="#">Modify</a></li>
  </ol>
</div>

<!-- button -->

<div class="col-2">
  <div class="data_btn hide" id="sec_get">
    <button type="button" id="getBtn">Get data</button>
  </div>
</div>

Answer 1

您可以设置超时时间，以毫秒为单位：

Answer 2

希望这对您有所帮助。我已经在小提琴上对此进行了测试，但是由于LocalStorage，我认为代码在这里无法正常工作。