Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
close after 5 seconds with visible countdown 2
- Thread starter gameon
- Start date
LordSlayer
Programmer
<script language="javascript">
setTimeout("window.close,",300000)
</script>
setTimeout("window.close,",300000)
</script>
- Thread starter
- #3
-
1
- #4
SashiRaveendran
Programmer
Heres one I made earlier:
<script>
var countdownFrom = 5; // number of seconds
var countdownwin;
function CountDownPopup() {
countdownwin = window.open("about:blank","","height=200,width=200"
;
self.setInterval('CountDownTimer()',1000)
}
function CountDownTimer()
{
if (countdownFrom==0) {countdownwin.close(); window.close(); }
else {
doc = countdownwin.document;
doc.open('text/html');
doc.write("Closing in "+countdownFrom+" seconds"
doc.close();
}
countdownFrom--
}
</script>
just call CountDownPopup() to start the countdown. This script doesnt check to see if the popup contdown window has been closed during the countdown, this is something you may wanna add to the code.
<script>
var countdownFrom = 5; // number of seconds
var countdownwin;
function CountDownPopup() {
countdownwin = window.open("about:blank","","height=200,width=200"
;self.setInterval('CountDownTimer()',1000)
}
function CountDownTimer()
{
if (countdownFrom==0) {countdownwin.close(); window.close(); }
else {
doc = countdownwin.document;
doc.open('text/html');
doc.write("Closing in "+countdownFrom+" seconds"
;doc.close();
}
countdownFrom--
}
</script>
just call CountDownPopup() to start the countdown. This script doesnt check to see if the popup contdown window has been closed during the countdown, this is something you may wanna add to the code.
- Thread starter
- #5
- Thread starter
- #6
I tried this, but broke it...
var countdownFrom = 5; // number of seconds
var countdownwin;
self.setInterval('CountDownTimer()',1000)
function CountDownTimer()
{
if (countdownFrom==0) {countdownwin.close(); window.close(); }
else {
document.write("Closing in "+countdownFrom+" seconds"
doc.close();
}
countdownFrom--
}
var countdownFrom = 5; // number of seconds
var countdownwin;
self.setInterval('CountDownTimer()',1000)
function CountDownTimer()
{
if (countdownFrom==0) {countdownwin.close(); window.close(); }
else {
document.write("Closing in "+countdownFrom+" seconds"
;doc.close();
}
countdownFrom--
}
SashiRaveendran
Programmer
Yeah you could replace it with an area on the page in a Div Tag Span Tag or anything with an ID (Layer for netscape4)
somewhere in your HTML
<Div id="CountDownTime"></div>
replace CountDownPopup() with:
var stp;
function CountDownStart() {
stp = setInterval("CountDownTimer('CountDownTime')",1000)
}
then replace the CountdownTimer() with
function CountDownTimer(id)
{
if (countdownFrom==0) {clearInterval(stp); window.close(); }
else {
var x
var cntText = "Closing in "+countdownFrom+" seconds";
if (document.getElementById)
{
x = document.getElementById(id);
x.innerHTML = cntText; }
else if (document.all)
{
x = document.all[id];
x.innerHTML = cntText; }
}
countdownFrom--
}
This code will work for IE and N6 but not N4.x, if you are supporting Netscrap4 good luck mate!
somewhere in your HTML
<Div id="CountDownTime"></div>
replace CountDownPopup() with:
var stp;
function CountDownStart() {
stp = setInterval("CountDownTimer('CountDownTime')",1000)
}
then replace the CountdownTimer() with
function CountDownTimer(id)
{
if (countdownFrom==0) {clearInterval(stp); window.close(); }
else {
var x
var cntText = "Closing in "+countdownFrom+" seconds";
if (document.getElementById)
{
x = document.getElementById(id);
x.innerHTML = cntText; }
else if (document.all)
{
x = document.all[id];
x.innerHTML = cntText; }
}
countdownFrom--
}
This code will work for IE and N6 but not N4.x, if you are supporting Netscrap4 good luck mate!
- Thread starter
- #8
Sorry, you must think me an f-wit. But:
The following doesn't work:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script>
<Div id="CountDownTime"></div>
var countdownFrom = 5; // number of seconds
var countdownwin;
var stp;
function CountDownStart() {
stp = setInterval("CountDownTimer('CountDownTime')",1000)
}
function CountDownTimer(id)
{
if (countdownFrom==0) {clearInterval(stp); window.close(); }
else {
var x
var cntText = "Closing in "+countdownFrom+" seconds";
if (document.getElementById)
{
x = document.getElementById(id);
x.innerHTML = cntText; }
else if (document.all)
{
x = document.all[id];
x.innerHTML = cntText; }
}
countdownFrom--
}
</script>
<title>Untitled</title>
</head>
<body>
</body>
</html>
The following doesn't work:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script>
<Div id="CountDownTime"></div>
var countdownFrom = 5; // number of seconds
var countdownwin;
var stp;
function CountDownStart() {
stp = setInterval("CountDownTimer('CountDownTime')",1000)
}
function CountDownTimer(id)
{
if (countdownFrom==0) {clearInterval(stp); window.close(); }
else {
var x
var cntText = "Closing in "+countdownFrom+" seconds";
if (document.getElementById)
{
x = document.getElementById(id);
x.innerHTML = cntText; }
else if (document.all)
{
x = document.all[id];
x.innerHTML = cntText; }
}
countdownFrom--
}
</script>
<title>Untitled</title>
</head>
<body>
</body>
</html>
SashiRaveendran
Programmer
Yes I do! 
Only joking, simple mistake, put the div tag in between the Body tags (which is where all your actual content HTML is meant to go) and call the CountDownStart() function in the body onload, so just cut n paste the following:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script>
var countdownFrom = 5; // number of seconds
var countdownwin;
var stp;
function CountDownStart() {
stp = setInterval("CountDownTimer('CountDownTime')",1000)
}
function CountDownTimer(id)
{
if (countdownFrom==0) {clearInterval(stp); window.close(); }
else {
var x
var cntText = "Closing in "+countdownFrom+" seconds";
if (document.getElementById)
{
x = document.getElementById(id);
x.innerHTML = cntText; }
else if (document.all)
{
x = document.all[id];
x.innerHTML = cntText; }
}
countdownFrom--
}
</script>
<title>Untitled</title>
</head>
<body onload="CountDownStart()">
<Div id="CountDownTime"></div>
</body>
</html>
Only joking, simple mistake, put the div tag in between the Body tags (which is where all your actual content HTML is meant to go) and call the CountDownStart() function in the body onload, so just cut n paste the following:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script>
var countdownFrom = 5; // number of seconds
var countdownwin;
var stp;
function CountDownStart() {
stp = setInterval("CountDownTimer('CountDownTime')",1000)
}
function CountDownTimer(id)
{
if (countdownFrom==0) {clearInterval(stp); window.close(); }
else {
var x
var cntText = "Closing in "+countdownFrom+" seconds";
if (document.getElementById)
{
x = document.getElementById(id);
x.innerHTML = cntText; }
else if (document.all)
{
x = document.all[id];
x.innerHTML = cntText; }
}
countdownFrom--
}
</script>
<title>Untitled</title>
</head>
<body onload="CountDownStart()">
<Div id="CountDownTime"></div>
</body>
</html>
- Thread starter
- #10
- Thread starter
- #11
-
1
- #12
Sorry so late on this one, but here's a cross-browser solution that should work in IE, NS4.x & NS6+:
[tt]
<html>
<head>
<title>Countdown Test</title>
<script type="text/javascript">
<!--
var countdownFrom=5; // number of seconds
var countdownwin;
var stp;
function CountDownStart(){
stp=setInterval("CountDownTimer('CountDownTime')",1000)
}
function CountDownTimer(id){
if(countdownFrom==0){
clearInterval(stp);
self.close();
}else{
var x;
var cntText='Closing in '+countdownFrom+' seconds';
if(document.getElementById){
x=document.getElementById(id);
x.innerHTML=cntText;
}else if(document.all){
x=document.all[id];
x.innerHTML=cntText;
}else if(document.layers){
x=document.NNCountDownTime;
x.document.write(cntText);
x.document.close();
}
}
countdownFrom--;
}
//-->
</script>
</head>
<body>
<div id="CountDownTime"><layer name="NNCountDownTime"></layer></div>
<script type="text/javascript">
<!--
window.onload=CountDownStart;
//-->
</script>
</body>
</html>
[/tt] Paul Ellis
![[hammer]](/data/assets/smilies/hammer.gif "[hammer] [hammer]")
I've been programming since you had to punch holes in cards to code. (Always remember, number your cards!)
[tt]
<html>
<head>
<title>Countdown Test</title>
<script type="text/javascript">
<!--
var countdownFrom=5; // number of seconds
var countdownwin;
var stp;
function CountDownStart(){
stp=setInterval("CountDownTimer('CountDownTime')",1000)
}
function CountDownTimer(id){
if(countdownFrom==0){
clearInterval(stp);
self.close();
}else{
var x;
var cntText='Closing in '+countdownFrom+' seconds';
if(document.getElementById){
x=document.getElementById(id);
x.innerHTML=cntText;
}else if(document.all){
x=document.all[id];
x.innerHTML=cntText;
}else if(document.layers){
x=document.NNCountDownTime;
x.document.write(cntText);
x.document.close();
}
}
countdownFrom--;
}
//-->
</script>
</head>
<body>
<div id="CountDownTime"><layer name="NNCountDownTime"></layer></div>
<script type="text/javascript">
<!--
window.onload=CountDownStart;
//-->
</script>
</body>
</html>
[/tt] Paul Ellis
I've been programming since you had to punch holes in cards to code. (Always remember, number your cards!)- Status
