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

Question

我想在我的ASP.Net页面上显示一条消息,如保存按钮点击"记录保存".5秒后,我想隐藏它.
我该怎么做JavaScript？我可以避免添加jQuery(我没有使用它)？

Answer 1

您可以使用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>

由于使用ASP.NET进行ID名称修改,您可以使用类选择器.一旦你开始这样做并且你的用户开始询问你添加一些淡出效果,你会很快意识到像jQuery这样的框架可能会派上用场.