Untitled

javascript clearTimeout not clearing timeout!.. this shouldn't be hard?

var t = 0;

 

function check_status() {

var time_now = Math.floor(new Date().getTime() / 1000);

var last_activity = document.getElementById("last_activity").value;

var since_last_activity = time_now-last_activity;

console.info(since_last_activity);

if(since_last_activity >= 20)

{

    // show div

    document.getElementById("logout_warning").style.height = document.documentElement.clientHeight+"px";

    document.getElementById("logout_warning").style.display = 'block';

    // start countdown

    var t = setTimeout("logout();", 10000);

}

}

 

function logout() {

document.getElementById("logout_warning").style.display = 'none';

location.href="/user/logout";

}

 

function renew() {

clearTimeout(t);

var time_now = Math.floor(new Date().getTime() / 1000);

document.getElementById("last_activity").value = time_now;

document.getElementById("logout_warning").style.display = 'none';

}

 

setInterval('check_status()',10000);

       

<div id="logout_warning" style="display:none; width:100%; height:500px; top:0px; left:0px; position:absolute; background-image:url('/images/overlay.png'); z-index:100000;">

<div style="width:300px; position:relative; margin:200px auto; border:1px solid #000000; background-color:#FFFFFF; padding:10px; text-align:center;">

You're going to be logged out in 10 seconds! oh no!<br/><br/>

<button type="button" onclick="renew();">Click here</button> to renew your session

</div>

       

var t = 0;

       

var t = setTimeout("logout();", 10000);

       

clearTimeout(t);

       

var t = setTimeout("logout();", 10000);

       

var t = 0;

function check_status() {

   var t = setTimeout("logout();", 10000);

// ^^^^

}

 

function renew() {

    clearTimeout(t);

}