code to display a Countdown Timer (dynamic)
Answers were Sorted based on User's Feedback
Answer / roushan
<html>
<head>
<style type="text/css">
#txt {
border:none;
font-family:verdana;
font-size:16pt;
font-weight:bold;
border-right-color:#FFFFFF
}
</style>
<script>
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>
</head>
<body>
<form name="cd">
<input id="txt" readonly="true" type="text" value="1:00"
border="0" name="disp">
</form>
</body>
</html>
| Is This Answer Correct ? | 15 Yes | 5 No |
Answer / nandu
<!-- Paste this code into the CSS section of your HTML
document -->
#txt {
border:none;
font-family:verdana;
font-size:16pt;
font-weight:bold;
border-right-color:#FFFFFF
}
<!-- Paste this code into an external JavaScript file named:
countDown.js -->
/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
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;
<!-- Paste this code into the HEAD section of your HTML
document.
You may need to change the path of the file. -->
<script type="text/javascript" src="countDown.js"></script>
<!-- Paste this code into the BODY section of your HTML
document -->
<form name="cd">
<input id="txt" readonly="true" type="text" value="10:00"
border="0" name="disp">
</form>
| Is This Answer Correct ? | 20 Yes | 18 No |
function to combine two or more arrays
code to images to rollover
advance the focus to next consecutive fields when Enter Key is pressed
how to prevent an Event from performing its default behavior
how to pass data between pages using Frames
How to test whether two strings are equal or not ?
program to bring a window to the front
how to Scroll a DIV content
i am making a purchase sheet in html ,it contain names of product(by selecting checkboxes),quantity(textbox) and price(checbox), by using java script i am restricting the user to prevent them to enter the wrong data ,so i made the servlet were i am only able to prevent them to enter the page in empty field , so my doubt is how do you prevent them how to enter non numerical data in quantity field
code to Hide and Show form controls
create a slide show
how to transform XML Data into HTML