c# - 5秒后自动隐藏图像

我的项目中有一个gif图像。当我单击一个按钮时，它应该出现，并在5秒钟后从屏幕上消失。我尝试使用j查询执行此操作。但是我没有得到输出。我可能在哪里出错了？

以下是到目前为止我尝试过的代码:

jQuery:

 $(function () {
        setTimeout(function () { $("#btnEmail").fadeOut(1500); }, 5000)
        $('#btnMail').click(function () {

            $('#btnEmail').show();
            setTimeout(function () { $("#btnEmail").fadeOut(1500); }, 5000)
        })
    })

HTML

<asp:LinkButton ID="btnEmail"  runat="server" onclick="btnMail_Click" Visible="false">
   <asp:Image ID="Image8" imageurl="~/Images/email_animation.gif" runat="server" class="box" /> </asp:LinkButton>

 <asp:LinkButton ID="btnMail"  runat="server" Text="Send" onclick="btnMail_Click"/>

btnMail_Click (隐藏代码):

btnMail.Visible = false;
btnEmail.Visible = true;

最佳答案

当您使用ASP.NET控件时，生成的元素ID将有所不同。

您应该使用Control.ClientID属性。



使用

 $(function () {
    setTimeout(function () {
        $("#<%= btnEmail.ClientID %>").fadeOut(1500);
    }, 5000)
    $('#<%=btnMail.ClientID %>').click(function () {
        $('#<%=btnEmail.ClientID %>').show();
        setTimeout(function () {
            $("#<%=btnEmail.ClientID %>").fadeOut(1500);
        }, 5000)
    })
 })

关于c# - 5秒后自动隐藏图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23758310/