如何显示标签信息,然后在几秒钟后隐藏它?

问题描述:

我想在我的ASP.Net页面上显示一条消息,例如点击保存按钮上的“记录保存”。 5秒后,我想隐藏它。
我该怎么做JavaScript?我可以避免添加jQuery(我没有使用它)吗?如何显示标签信息,然后在几秒钟后隐藏它?

您可以使用setTimeout函数,该函数允许您将来推迟执行回调。所以,你可以放置在页面如下:

<script type="text/javascript"> 
    window.setTimeout(function() { 
     // This will execute 5 seconds later 
     var label = document.getElementById('IdOfTheElementYouWantToHide'); 
     if (label != null) { 
      label.style.display = 'none'; 
     } 
    }, 5000); 
</script> 

由于ID名称与ASP.NET重整你可以使用一个class selector。一旦你开始这样做,你的用户开始问你添加一些淡出效果,你会很快意识到像jQuery这样的框架可能会派上用场。

+0

@stighy使用JavaScript通知插件Pines Notify

看:请记住,为了得到控制ID传递给Java脚本,你必须使用标签的ClientId属性: ) – 2011-04-28 08:33:47

您可以使用jQuery的jGrowl加载项 - 这为这种场景提供“Mac风格”通知。

您可以在该link以更多的选择