我在button
点击后分配一些文本给Label
,如下所示:
protected void Button1_Click(object sender, EventArgs e)
{
Label1.Text = "Hello";
}
过了一段时间,比如30seconds
,我想清除Label
文本。有人能帮我吗?我尝试了以下script
,但它不适合我。
$(document).ready(function() {
$('#Label1').fadeOut(3000, function() {
$(this).html(""); //reset the label after fadeout
});
});
我的设计
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
$(document).ready(function() {
$('#<%= myLabel.ClientID %>').fadeOut(3000, function() {
$(this).html(""); //reset the label after fadeout
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label id="myLabel" runat="server"></asp:Label>
<asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
</div>
</form>
</body>
</html>
我认为你应该使用
$(document).ready(function() {
$('#<%= Label1.ClientID %>').fadeOut(3000, function() {
$(this).html(""); //reset the label after fadeout
});
});
为了在指定时间后运行一些代码,您需要将代码包装在ready处理程序中
setTimeout(code, timeInMsAfterWitchToRunCode)
调用。你正在做的是在3秒内立即消失。3000ms,你正在传递一个参数给fadeOut函数,告诉它淡出需要多长时间。
这里有一个工作示例:
http://jsfiddle.net/VPrEZ/3/注意,在ASP。. NET应用程序,你应该使用:
$('#<%= Label1.ClientID %>')
选择标签。这是因为直到运行时,当控件具有runat="server"属性集时,您才知道控件的id。
请注意,如果您在下次回发时不清除label的文本,您将在每次回发时再次收到相同的消息。在我看来,最好使用客户端代码显示标签文本,而不是清除它。或者你可以每次清除Page_Load中的标签文本