<!DOCTYPE html>
<html>
<head>
<title>Countdown II</title>
<meta charset="utf-8" />
<style type="text/css">
body{color:#000;background-color:#fff;font-family:'Bookman Old Style',Georgia,Verdana;font-size:14px;text-align:center;padding-top:250px;}
a:link,a:active,a:visited{text-decoration:none;font-weight:bold;background-color:transparent;color:#000;font-family:'Monotype Corsiva',Georgia,Verdana;font-size:16px;}
a:hover{text-decoration:none;font-weight:bold;background-color:transparent;color:Crimson;}
.btn{margin-left:20px;margin-right:20px;}
#alrt{position:absolute;width:250px;padding:20px 20px;color:#000;background-color:Wheat;border:2px solid #ccc;border-radius:5px;}
#timelabel{font-size:36px;}
</style>
<script type="text/javascript">
var to='',forcedRedirTimeout=10000;
function getPositionData(element){var left=element.offsetLeft,top=element.offsetTop;for(var parent=element.offsetParent;parent;parent=parent.offsetParent){left+=parent.offsetLeft;top+=parent.offsetTop;}return{left:left,top:top,width:element.offsetWidth,height:element.offsetHeight};}
function doc(id){return document.getElementById(id);}
function CounterTimer(leave){
var day = Math.floor(leave / ( 60 * 60 * 24)),
hour = Math.floor(leave / 3600) - (day * 24),
minute = Math.floor(leave / 60) - (day * 24 *60) - (hour * 60),
second = Math.floor(leave) - (day * 24 *60*60) - (hour * 60 * 60) - (minute*60);
hour=hour<10 ? "0" + hour : hour;
minute=minute<10 ? "0" + minute : minute;
second=second<10 ? "0" + second : second;
doc('timelabel').innerHTML = hour + ":" + minute+ ":" + second;
leave--;
if(hour==='00' && minute==='00' && second==='00'){clearTimeout(to);msgAlert();}
else{to=setTimeout('CounterTimer('+leave+')',1000);}
}
function msgAlert(){
var div=document.createElement('div');
div.innerHTML='Do you want to extend your session to another one hour?<br /><br /><a id="yes" href="#null" class="btn">Yes</a><a id="no" href="#null" class="btn">No</a>';
div.setAttribute('id','alrt');
document.body.appendChild(div);
div.style.top=(getPositionData(doc('timelabel'))['top']-div.offsetHeight/2)+'px';
div.style.left=(document.body.scrollWidth-div.offsetWidth)/2+'px';
doc('yes').onclick=function(){clearTimeout(to);document.body.removeChild(doc('alrt'));CounterTimer(3600);}
doc('no').onclick=function(){location.href='http://www.newlocation.com';}
to=setTimeout("location.href='http://www.newlocation.com';",forcedRedirTimeout);
}
window.onload=function(){CounterTimer(5);}
</script>
</head>
<body>
<div id="timelabel"></div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>