How to show a label message, then hide it after some seconds?

Question

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 jQuery (I'm not using it)?

score 9 · Accepted Answer · edited May 23 '17 at 10:33

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.

@stighy: Remember, in order to get the control ID to pass to Javascript you must use the label's ClientId property :) — usr-local-ΕΨΗΕΛΩΝ, Apr 28 '11 at 08:33

score 3 · Answer 2 · edited May 23 '17 at 12:26

3

You can use a JavaScript notification plugin Pines Notify

Look at that link to more choices

edited May 23 '17 at 12:26

Community

1
1

answered Apr 28 '11 at 10:47

Anyname Donotcare

11,113
66
219
392

score 1 · Answer 3 · answered Apr 28 '11 at 08:35

1

You can use the jGrowl add-in for jQuery - this provides "Mac-style" notifications for this kind of scenario.

answered Apr 28 '11 at 08:35

cjk

45,739
9
81
112

How to show a label message, then hide it after some seconds?

3 Answers3