Question

i need to count how many times a user has refreshed a particular page using jquery. The page should have a static counter which will increment every time page reloads and if user navigates to another page counter of previous page should be reset to zero i don’t want use session but do this using only jquery .Please help.

thanks im advance…

Answer 1

There are some hacks that could maybe do this. I’d first ask what user problem you’re really trying to solve because the solution is kind of ugly.

In pseudo-code, this is what you’d do:

1. When your page loads, get a cookie for the reloadCnt and get a cookie with your lastActive timestamp.
2. If the timestamp was longer than X minutes ago, then start reloadCnt over at 1 (the page was not just active before this page load).
3. If reloadCnt > 1, write the new count back to the cookie with the current time as the timestamp.
4. Then, in your page, start a timer that runs every Y minutes (where Y is about one half of X). In that timer, keep updating the cookie time of last reload, but not the count. This time stamp tells your next reload whether you just had an active page or whether the browser went some period of time without the page loaded.

The general idea is that you keep a reloadCnt in the cookie and you increment each time. That part is easy.

You also keep a timestamp in the cookie. The timestamp essentially contains the time that the page was last running in this browser (because the page is continually updating the timestamp). If the timestamp is old, then the user’s browser was not just showing this page so this must be the first one in a while. If the timestamp is new, then this is probably just another reload.