Java Script/Coldfusion: Timeout Script for user to end session or continue

I found this script (see below) browsing through the archives and I hope someone out there will help me refine it to suit my current need. I need to warn users that their session is about to end after 5 minutes of      inactivity ( no mouse click or key stroke)

For testing purposes the Total Session time is 5 minutes.:
- so at  3 minutes, I needs a pop up to say "your session is about to end in 2 minutes" .
- After 5 minutes of inactivity , you get a "session has ended due to 5 minutes of inactivity" and then the user hit sok but is then redirected to a log in page. (similar to the Bank of America logout message for all you  BofA customers familiar with their session log out message)

I would like to link the script in the header.inc I created that is called/loaded whenever you access a page.  I don't want to copy and paste the script in all the pages.

Thanks in advance for any help you can provide...

<script>
var tId="";
window.onload=resetTimer;
window.onmousemove=function(){ resetTimer() }
function resetTimer() {
  clearTimeout(tId)
  document.getElementById('warning').style.display='none';
  tId = setTimeout('warning()',20*60*1000);
}
function warning() {
  document.getElementById('warning').style.display='';
  tId = setTimeout('redirect()',5*60*1000);
}
function redirect() {
  location = 'logout.cfm';
}
</script>

Open in new window

CF_newbieAsked:
Who is Participating?
 
b0lsc0ttConnect With a Mentor IT ManagerCommented:
Do you have the element with the id "warning" to have the "popup" element?  You could also use an alert but that will stop the next part from happening if they don't get rid of the alert.
To get the timing you want you modify the code as I have below.  If that is all you need then this should work for you.  Let me know if you have a question or need other help though.
bol

<script>
var tId="";
window.onload=resetTimer;
window.onmousemove=function(){ resetTimer() }
function resetTimer() {
  clearTimeout(tId)
  document.getElementById('warning').style.display='none';
  tId = setTimeout('warning()',3*60*1000);
}
function warning() {
  document.getElementById('warning').style.display='';
  tId = setTimeout('redirect()',2*60*1000);
}
function redirect() {
  window.location = 'logout.cfm';
}
</script>

Open in new window

0
 
b0lsc0ttIT ManagerCommented:
I'm glad I could help.  Thanks for the grade, the points and the fun question.
bol
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.