Expiring Session Timeout

Window to appear for prompting the user that his session is about to expire..

by Joe Saad

HTML

<div id="expiringBox">
    <h1>Start Time: <span></span></h1>    
    <a href="#" id="extendSession">Reset Time</a>
    <span id="newTime"></span>
</div>


<p></p>

CSS

body {font-size: 50%;}
#expiringBox {
    border: 5px solid sienna;
    background-color: blanchedalmond; 
    display:none;
    width:100%; 
    height: 100px;
}

#newTime {font-size: 20px;}

JavaScript

//var tsso=setTimeout(showDiv(),60000);        
function resetTime(){
    return new Date();
}

function showIt(a) {    
    alert('a : '+a);
    $('#expiringBox').hide(1).delay(a).show(1);
}


function hideIt(b) {    
    alert('b : '+b);
    $('#expiringBox').show(1).delay(b).hide(1);
    $('p').hide(1).delay(b+10000).text("logging you out baby" + b).show(1);
   // window.location = "http://www.joeSaad.net";
}



    var startTime = resetTime();
    var alertTime = 2000;
    var actionTime = 6000;
    var p, q;
var stop = false;
   // alert(startTime);
    $('h1 span').text(startTime);
    alertBox(alertTime, actionTime);
    $('#extendSession').click(function(){

        startTime = resetTime();
        $('h1 span').text(startTime);
        alertTime = alertTime + startTime.getMinutes()*1000;
        actionTime = actionTime + startTime.getMinutes()*1000;
        $('#newTime').text(alertTime + '& '+  actionTime );    
        stop = true;
        alertBox(alertTime, actionTime);
    });
    
    
/*
    $('#newTime').text(alertTime + '& '+  actionTime );    
    alert('alertTime'+ alertTime);
    $("#expiringBox").hide(1).delay(alertTime).show(1);
*/    
function alertBox(alertTime,actionTime) {
    if (stop) {
        alert(stop + actionTime);
        clearTimeout(p);
        clearTimeout(q); 
        q = setTimeout(hideIt(actionTime), actionTime );
    } 
    else {
        p = setTimeout(showIt(alertTime),alertTime);
        q = setTimeout(hideIt(6000), 6000 );
        
    }
    
    
}