.net过一段时间后文字消失

wangsky2

于 2009-04-23 16:11:00 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

文章标签： .net button server function javascript asp

本文链接：https://blog.youkuaiyun.com/wangsky2/article/details/4103692

用setTimeout()函数实现了过4秒后,页面中的文字消失

前台代码为:

<head runat="server">
    <title></title>
    <script type="text/javascript">
      function getLblStatus() {
        var lblstatus = document.getElementById("lblstatus");
        lblstatus.style.display="none";

    }
    function clearStatus() {
        setTimeout(getLblStatus, 4000);
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Label ID="lblstatus" runat="server" Text="4秒后我就消失"></asp:Label>
        <input id="Button1" type="button" value="javascript实现点击4秒后隐藏Label" onclick="clearStatus()" />
        <asp:Button ID="Button2" runat="server" Text="后台代码调用前台js实现4秒后隐藏Label" onclick="Button2_Click" />
    </div>
    </form>
</body>

后台代码为:

protected void Button2_Click(object sender, EventArgs e)
    {
                Page.RegisterStartupScript("abc", "<script>clearStatus();</script>");
    }