Show an HTML message box that disappears after 2 seconds

Programming
C#
C++ (7)
Delphi (617)
Java (8)
JavaScript (31)
Document (8)
Events (8)
ExtJS (9)
Strings (3)
perl (9)
php (4)
VBScript (1)
Visual Basic (1)

Exchange Links

About this site

Links to us

New related comments
Number of comments in the last 48 hours

Reload a web page with a javascript function
1 new comments

Show an HTML message box that disappears after 2 seconds

This article has not been rated yet. After reading, feel free to leave comments and rate it.

Question:

I need to show an HTML message box that disappears after 2 seconds.
It does not need to be a popup window.

Answer:

Simply display a centered HTML table with a button that says 'please click'.
You can also do an automatic redirect after 3 seconds as shown below.
The sample code uses the setTimeout() function which will call the redirecting javascript function after 3000 milliseconds.

<center>
<table border=4 cellspacing=0 cellpadding=20>
<tr><td bgcolor=silver align=center>

<p>The configuration is being updated.</p>
<p>

<form id=frm1 name=frm1 action="main.cgi" method=post>
<input type=hidden name=action value="detail">
<input type=submit id=btnSubmit name=btnSubmit value="Please click to continue or wait 3 seconds" class=input>
</form>
</p>

<script type=text/javascript language="JavaScript">
<!--
function countdown() {
  document.getElementById('frm1').submit();
}

setTimeout("countdown()", 3000);
document.getElementById('btnSubmit').focus();

-->
</script>

</td></tr></table></center>

Send a message to
Subject

Comments:

NEW: Optional: Register Login Email address (not necessary): Rate as	Hide my email when showing my comment. Please notify me once a day about new comments on this topic. Please provide a valid email address if you select this option, or post under a registered account.

	Show city and country Show country only Hide my location
You can mark text as 'quoted' by putting [quote] .. [/quote] around it.
Please type in the code:
Add a picture: Please do not post inappropriate pictures. Inappropriate pictures include pictures of minors and nudity. The owner of this web site reserves the right to delete such material.


	Search: