Concept

The idle timer is built on jQuery and provides two events: idle.idleTimer and active.idleTimer, which fire when the user's idle state has changed.

When you move your mouse over the page or start typing, you're considered "active".

On this page we have two idle timers. One for the entire document. Another for the text area on the right (or bottom if your on mobile).

I use explicit instantiation here

Document second timeout


Element second timeout


Dialogs