如何显示标签信息,然后在几秒钟后隐藏它?
问题描述:
我想在我的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这样的框架可能会派上用场。
答
您可以使用jQuery的jGrowl加载项 - 这为这种场景提供“Mac风格”通知。
@stighy使用JavaScript通知插件Pines Notify
看:请记住,为了得到控制ID传递给Java脚本,你必须使用标签的ClientId属性: ) – 2011-04-28 08:33:47