8000 GitHub - nilcolor/jquery-idletimer: provides you a way to monitor user activity with a page. · GitHub
[go: up one dir, main page]

Skip to content
  • Pricing
  • Sign up

    About

    provides you a way to monitor user activity with a page.

    Resources

    Stars

    1 star

    Watchers

    1 watching

    Forks

     
     

    Latest commit

     

    History

    31 Commits

    Folders and files

    NameName
    Last commit message
    Last commit date
     
     
     
     
     
     

    Repository files navigation

    jQuery Idle Timer Plugin
    
    Detail: http://paulirish.com/2009/jquery-idletimer-plugin/
    
    Fires a custom event when the user is idle. 
    
    Idle is defined by not...
    * moving the mouse
    * scrolling the mouse wheel
    * using the keyboard
    
    Basic idea is presented here:
      http://www.nczonline.net/blog/2009/06/02/detecting-if-the-user-is-idle-with-javascript-and-yui-3/
    
      
    To use:
    
    // idleTimer() takes an optional argument that defines the idle timeout
    // timeout is in milliseconds; defaults to 30000
    $.idleTimer(10000);
            
            
    $(document).bind("idle.idleTimer", function(){
     // function you want to fire when the user goes idle
    });
    
    
    $(document).bind("active.idleTimer", function(){
     // function you want to fire when the user becomes active again
    });
    
    // pass the string 'destroy' to stop the timer
    $.idleTimer('destroy');
    
    
    
    // you can also query if it's idle or not
    $.data(document,'idleTimer');  // 'idle'  or 'active'
    
    
    // get time elapsed since user when idle/active
    $.idleTimer('getElapsedTime'); // time since state change in ms
    
    
    
    
    
    // API available in >= v0.9
    
    
    // bind to specific elements, allows for multiple timer instances
    $(elem).idleTimer(timeout|'destroy'|'getElapsedTime');
    $.data(elem,'idleTimer');  // 'idle'  or 'active'
    
    
    
    // if you're using the old $.idleTimer api, you should not do $(document).idleTimer(...)
    
    // element bound timers will only watch for events inside of them.
    // you may just want page-level activity, in which case you may set up
    //   your timers on document, document.documentElement, and document.body
    
    
    

    About

    provides you a way to monitor user activity with a page.

    Resources

    Stars

    1 star

    Watchers

    1 watching

    Forks

    Releases

    Packages

    Contributors

    0