How to show a label message, then hide it after some seconds?
I would like to show a message on my ASP.Net page like "Record saved" on save button click. After 5 seconds, I would like to hide it.
How can I do in JavaScript? Can I avoid to add jQue开发者_StackOverflowry (I'm not using it)?You could use the setTimeout
function which allows you to defer the execution of a callback in the future. So you could place the following in the page:
<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>
Due to ID name mangling with ASP.NET you could use a class selector. And once you start doing this and your users start to ask you about adding some fade out effects you will quickly realize that a framework such as jQuery might come in handy.
You can use a JavaScript notification plugin Pines Notify
Look at that link to more choices
You can use the jGrowl add-in for jQuery - this provides "Mac-style" notifications for this kind of scenario.
精彩评论