Idleness

Vanilla JS class to monitor the user's state of idleness

Timeout (in ms) 0

Throttle (in ms) 0

IS IDLE

ACTIVE

IDLE

Timeout is the time of inactivity in ms until idleness is reached. So, if you set it to 60000, or 1 minute, idleness will be reached after 1 minute of inactivity by the user.

Throttle is the time in ms the events being monitored for inactivity are checked. In other words, if set to 0, all events fired will be processed. If set to 200 there will be a space of 200ms between each event processed. The smaller this number is the more processing will be required when the user is active.

The Use Event button works like a toggle and enables or disables the event being fired when idle state changes.

Use the Start and Stop buttons to begin and end the monitoring. When started the progressbar will advance or retreat according to the time elapsed since the last user activity until it eventually reaches the timeout. At this point idleness is reached.