如何使用jQuery setTime?

时间:2018-12-09 14:19:07

标签: javascript php jquery laravel

如果我单击按钮以显示Div标签已加载5秒钟并使它消失,该怎么办?

$(document).on("click", "#umr", function() {
  if ($(this).next().css("display") == "none") {
    $(this).next().show();
  } else {
    $(this).next().hide();
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

1 个答案:

答案 0 :(得分:0)

使用setTimeout函数see示例

function showTitle() {
     $("#showTitleDiv").show();
     
     setTimeout(function() {
         $("#showTitleDiv").hide();
     },5000);
  
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<button type="button" onclick="showTitle()" >click </button>

<div id="showTitleDiv" style="display:none">
         show title show for 5 second.....
</div>