javascript - 在 C# 中使用 javascript/jquery 函数在 5 秒后隐藏一个 div 和标签

Question

这是div:

  <div class="alert alert-success alert-dismissable" runat="server" visible="false" id="lblmsgid">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
             <asp:Label runat="server" ID="lblmsg" Font-Bold="true" Visible="false"></asp:Label>
                  </div>

我想在几秒钟后使用客户端代码隐藏 div。这里我在后端使用 C#。

  else if (e.CommandName.Equals("CategoryDelete"))
            {
                objCategory.CategoryDelete(Convert.ToInt32(e.CommandArgument));
                lblmsgid.Visible = true;
                lblmsg.Text = "Delete Successful..";
                BindCategory();
            }

从我的网格中单击删除按钮后，我想在上面的标签中显示一条错误消息(标签在 div 中)，几秒钟后我想隐藏 div..我该怎么办？？

这里是激活按钮:

 <asp:Button ID="btnActivate" runat="server" OnClick="BtnActivate_Click" CssClass="btn-active" Text="Activate Selected" OnClientClick="javascript:return TestCheckBox();" />

Answer 1

只需使用setTimeout。使用纯 js:

setTimeout(function() {
    var alerts = document.getElementsByClassName("alert-dismissable");
  
    for( var i = 0; i < alerts.length; i++ ) {
        alerts[i].style.display = "none";
    }
}, 2000);

<div class="alert alert-success alert-dismissable" runat="server" visible="false" id="lblmsgid">
  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
  <label runat="server" ID="lblmsg" Font-Bold="true" Visible="false">asd</label>
</div>

或者使用 jQuery:

setTimeout(function() {
    $(".alert-dismissable").hide();
}, 2000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="alert alert-success alert-dismissable" runat="server" visible="false" id="lblmsgid">
  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
  <label runat="server" ID="lblmsg" Font-Bold="true" Visible="false">asd</label>
</div>