get and set session variable in javascript

Question

I have a common script included on every page, which initialize idletime variable to 0 as as soon as user logs in, and increment it after every 30 seconds, for which i have function written which is working fine, but after incrementing that variable i have to set that value to some session level variable so that on every page refresh this function increment should get that incremented value.Please find the code below

<script type="text/javascript">
var timeOut=600000;//This is timeout value in miliseconds
    var idleTime = 0; // we shud get the incremented value on everypage refresh for this variable
    $(document).ready(function () {
     //Increment the idle time counter every minute.
    var idleInterval = setInterval(timerIncrement, 30000); //30seconds
});

function timerIncrement() {
idleTime = idleTime + .5;//incrementing the counter by 30 seconds
var timeout= timeOut/60000;
if (idleTime > (timeout-2)) { 
    document.getElementById('logoutLink').click();
}
}
</script>

What is your query??

Moumit
– Moumit

2016-01-04 09:28:52 +00:00
Commented Jan 4, 2016 at 9:28 — Moumit
– Moumit, Commented Jan 4, 2016 at 9:28

T.J. Crowder · Accepted Answer · 2016-01-04 09:40:57Z

2

Sounds like you want web storage, specifically sessionStorage, which has excellent support (basically, it's on everything even vaguely recent [even IE8] except Opera Mini).

// On page load (note that it's a string or `undefined`):
var idleTime = parseFloat(sessionStorage.idleTime || "0");

// When updating it (it will automatically be converted to a string):
sessionStorage.idleTime = idleTime += .5;

Having said that, if your goal is to click the logout link after 10 minutes of inactivity, it seems like it could be a bit simpler:

$(document).ready(function() {
    var lastActivity = parseInt(sessionStorage.lastActivity || "0") || Date.now();
    setInterval(function() {
        if (Date.now() - lastActivity > 600000) { // 600000 = 10 minutes in ms
            document.getElementById('logoutLink').click();
        }
    }, 30000);

    // In response to the user doing anything (I assume you're setting
    // idleTime to 0 when the user does something
    $(/*....*/).on(/*...*/, function() {
        sessionStorage.lastActivity = lastActivity = Date.now();
    });
});

edited Jan 4, 2016 at 9:40

answered Jan 4, 2016 at 9:28

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Pallavi Singh Over a year ago

I am facing one issue with sessionStorage, In same tab if i navigate to other pages, sessionStorage has values persisted in it but if i open same url in another tab for same user session, sessionStorage resets again. Can you please help me with this?

T.J. Crowder Over a year ago

@PallaviSingh: You probably want localStorage then. The rules for which windows are part of the same "session" are in the spec linked above. You might want to use localStorage rather than sessionStorage if you're running into a situation where the windows you're opening aren't in the browser's concept of the session. It works exactly the same way, it's just that the values persist until/unless deleted by you or the client.

Collectives™ on Stack Overflow

get and set session variable in javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related