Â« Â»

This JavaScript timer countdown displays a Javascript countdown timer and alerts the user when the timer reaches zero. This countdown timer then redirects to another Web page. Particularly useful if you are writing an online test.

Label: javascript timer countdown, countdown timer html, javascript countdown timer, html countdown, javascript timer clock, javascript clock, javascript countdown clock, countdown script

For the best in Cable TV, High Speed Internet & Home Phone Service order Comcast Deals and save money.

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
CSS
JavaScript
HTML
Print

Copy All x2

<style type="text/css">
#txt {
  border:none;
  font-family:verdana;
  font-size:16pt;
  font-weight:bold;
  border-right-color:#FFFFFF
}

</style>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<script language="javascript">
// Created by: Neill Broderick :: http://www.bespoke-software-solutions.co.uk/downloads/downjs.php

var mins
var secs;

function cd() {
 	mins = 1 * m("10"); // change minutes here
 	secs = 0 + s(":01"); // change seconds here (always add an additional second to your total)
 	redo();
}

function m(obj) {
 	for(var i = 0; i < obj.length; i++) {
  		if(obj.substring(i, i + 1) == ":")
  		break;
 	}
 	return(obj.substring(0, i));
}

function s(obj) {
 	for(var i = 0; i < obj.length; i++) {
  		if(obj.substring(i, i + 1) == ":")
  		break;
 	}
 	return(obj.substring(i + 1, obj.length));
}

function dis(mins,secs) {
 	var disp;
 	if(mins <= 9) {
  		disp = " 0";
 	} else {
  		disp = " ";
 	}
 	disp += mins + ":";
 	if(secs <= 9) {
  		disp += "0" + secs;
 	} else {
  		disp += secs;
 	}
 	return(disp);
}

function redo() {
 	secs--;
 	if(secs == -1) {
  		secs = 59;
  		mins--;
 	}
 	document.cd.disp.value = dis(mins,secs); // setup additional displays here.
 	if((mins == 0) && (secs == 0)) {
  		window.alert("Time is up. Press OK to continue."); // change timeout message as required
  		// window.location = "yourpage.htm" // redirects to specified page once timer ends and ok button is pressed
 	} else {
 		cd = setTimeout("redo()",1000);
 	}
}

function init() {
  cd();
}
window.onload = init;
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<form name="cd">
<input id="txt" readonly="true" type="text" value="10:00" border="0" name="disp">
</form>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Comment (190)
Write

by Paramita, 31/03/2010 05:03 AM
nice one Reply

nice informative post.. glad to see it.. thanks..

by scraps, 09/04/2010 02:04 PM
good share Reply

easy coding, good stuff for novice js coder... thanks again

by cheryl, 12/04/2010 08:04 AM
useful script Reply

thanks for share ... this a useful script for me.

by Sudeep Das, 16/04/2010 01:04 AM
very nice one Reply

thanks for that script. I was searching for it from one week ago

by SEO dubai, 22/04/2010 01:04 PM
great job Reply

this is an awesome scriptt couldnt believe that it was that easy

by Logo design, 07/05/2010 05:05 AM
I am impressed Reply

I am very impressed with you site.I come here from google.Thank you.

by Dissertation Writing Help, 24/05/2010 10:05 AM
Dissertation Reply

it's good to see this information in your post, i was looking the same but there was not any proper resource, thanx now i have the link which i was looking for my research.

by ged online, 24/05/2010 11:05 PM
thanks Reply

thanks buddy for sharing here
I am very impressed with you site

by Bahrain hotels, 25/05/2010 08:05 AM
Reply

i always go with Javascript compared to Flash!!
great job

by acnezine, 17/06/2010 04:06 AM
Re: Reply

Hey, this is very useful stuff. Didn't use it before.

1 2 3 ..21

Â« previous next Â»