Welcome to TSDN!
Don't try to prevent the reload/refresh functionality.
You could use a cookie to keep the countdown timer value which can be updated when the page is reloaded.
I m attaching my code here can you tell me the method to avoid reload/refresh functionality.
************************************************** ********************
[HTML]<html>
<head>
<title>Countdown Timer</title>
<style type="text/css">
#txt{border:none;font-family:verdana;font-size:16pt;font-weight:bold;border-right-color:#FFFFFF}
</style>
<script language="javascript" type="text/javascript">
<!--
function cd() // this function must be called from the <body onload=""> event
{
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);
}
}
//-->
</script>
</head>
<body onload="cd()">
<form name="cd">
<input id="txt" readonly="true" type="text" value="10:00" border="0" name="disp"><!-- change value to countdown start number //-->
</form>
</body>
</html>[/HTML]
************************************************** *******************