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

Javascript 如何显示标签消息,然后在几秒钟后隐藏它?,javascript,asp.net,Javascript,Asp.net,我想在我的ASP.Net页面上显示一条消息,如单击“保存”按钮时显示“记录已保存”。5秒钟后,我想隐藏它。 如何使用JavaScript?我是否可以避免添加jQuery(我没有使用它)?您可以使用该函数,它允许您在将来延迟回调的执行。因此,您可以在页面中放置以下内容: <script type="text/javascript"> window.setTimeout(function() { // This will execute 5 seconds lat

我想在我的ASP.Net页面上显示一条消息,如单击“保存”按钮时显示“记录已保存”。5秒钟后,我想隐藏它。
如何使用JavaScript?我是否可以避免添加jQuery(我没有使用它)?

您可以使用该函数,它允许您在将来延迟回调的执行。因此,您可以在页面中放置以下内容:

<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>

setTimeout(函数(){
//这将在5秒后执行
var label=document.getElementById('IdOfTheElementYouWantToHide');
如果(标签!=null){
label.style.display='none';
}
}, 5000);

由于ID名称与ASP.NET冲突,您可以使用。一旦你开始这样做,并且你的用户开始询问你关于添加一些淡出效果的问题,你会很快意识到像jQuery这样的框架可能会派上用场。

你可以使用jGrowl插件进行jQuery-这为这种场景提供了“Mac风格”的通知。

你可以使用JavaScript通知插件


请看这一点以获得更多选择

@stighy:记住,为了获得要传递给Javascript的控件ID,必须使用标签的ClientId属性:)