idle-js

npm install idle-js --save

Usage

// Those are the default values
var idle = new IdleJs({
  idle: 10000, // idle time in ms
  events: ['mousemove', 'keydown', 'mousedown', 'touchstart'], // events that will trigger the idle resetter
  onIdle: function () {}, // callback function to be executed after idle time
  onActive: function () {}, // callback function to be executed after back form idleness
  onHide: function () {}, // callback function to be executed when window become hidden
  onShow: function () {}, // callback function to be executed when window become visible
  keepTracking: true, // set it to false if you want to be notified only on the first idleness change
  startAtIdle: false // set it to true if you want to start in the idle state
});
idle.start();
 
// In case stopping is needed
idle.stop()   // stops all tracking
    .reset()  // reset visible and idle state to initial values
    .start();
 
// Reset to a specific state
idle.reset({
  idle: false,
  visible: ! document.hidden,
})

Running examples

Webpack:

• Run the command npx webpack ./example/webpack/entry.js ./example/webpack/bundle.js.
• Open ./example/webpack/index.html in your browser.

In browser:

• Open ./example/vanilla/index.html