How to use same javascript timer from multiple tab pages?

Question

1.00/5 (1 vote)

See more:

Hi all,

Is there a way to use same javascript timer variable from multiple tab pages?
Can I save it to somewhere like cookie?

For more details:
I'm developing a ASP.Net web page that shows countdown timer 1 minute before session was expired. I implemented this by adding javascript timer (setinterval method). Timer was reset on every Client (Ajax) or Server postbacks.
In every timer tick, I write TimeOutValue-1 into cookie file. When the value of cookie less than or equal to 60 (1 minute), I show a new form that contains "Extend" or "Logout" buttons.
Problem is if I open two tab pages, both page run with their own timers and reducing value from cookie together.
So, if I have only one page, value will be reduce like 10, 9, 8, 7, 6, etc...
If I have two pages, it have been reducing 10, 8, 6, 4, etc... :(

My approach my be wrong coz I am very new to Javascript.
Please give some solution or guide me to achieve this goal.

Thanks in advanced

Posted 14-Jan-13 22:37pm

tslin89

Updated 15-Jan-13 20:07pm

v2

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Vyacheslav Voronenko · Answer 1 · 2013-01-15T20:22:00

1. Why timer stores value in a cookie file? If your page reloads with F5 - than you can get the timer value from server session variables,

if your page is not reloaded, you can create some javascript singleton for timer logic to be used by all tabs (for example component may raise the custom event 'out of time', and your page logic will react on it.

tslin89 · Answer 2 · 2013-01-15T20:38:00

I stored timer value in cookie file because I want every tabs to show same timer value when one of the tab performs a postback. Let say, user open a tab (tab1) and it's counting down from 120, 119, 118, etc. If he open another tab (tab2), timer value from tab1 was not reflect or reset and continuing to 117, 116, ... while tab2 have counting down from 120, 119, etc...
With saving value in cookie, if tab2 have make any postback, cookie value was changed back to 120. Then, tab1 also have the same value 120. And counting down...

Quote:
if your page is not reloaded, you can create some javascript singleton for timer logic to be used by all tabs (for example component may raise the custom event 'out of time', and your page logic will react on it.

I don't know how to do this. Can you explain more details with sample codes?

Thanks.

How to use same javascript timer from multiple tab pages?

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0