Javascript-timeout, wenn keine Aktionen, die vom Benutzer für die angegebene Zeit

//Using jQuery (but could use pure JS with cross-browser event handlers):
var idleSeconds = 30;

$(function(){
  var idleTimer;
  function resetTimer(){
    clearTimeout(idleTimer);
    idleTimer = setTimeout(whenUserIdle,idleSeconds*1000);
  }
  $(document.body).bind('mousemove keydown click',resetTimer); //space separated events list that we want to monitor
  resetTimer(); //Start the timer when the page loads
});

function whenUserIdle(){
  //...
}

Bearbeiten: Nicht mit jQuery aus welchem Grund auch immer? Hier sind einige (noch ungetestete) code, der sollte cross-browser-sauber (bis zu einem Punkt; funktioniert nicht mit IE5 Mac, zum Beispiel ;):

attachEvent(window,'load',function(){
  var idleSeconds = 30;
  var idleTimer;
  function resetTimer(){
    clearTimeout(idleTimer);
    idleTimer = setTimeout(whenUserIdle,idleSeconds*1000);
  }
  attachEvent(document.body,'mousemove',resetTimer);
  attachEvent(document.body,'keydown',resetTimer);
  attachEvent(document.body,'click',resetTimer);

  resetTimer(); //Start the timer when the page loads
});

function whenUserIdle(){
  //...
}

function attachEvent(obj,evt,fnc,useCapture){
  if (obj.addEventListener){
    obj.addEventListener(evt,fnc,!!useCapture);
    return true;
  } else if (obj.attachEvent){
    return obj.attachEvent("on"+evt,fnc);
  }
} 

InformationsquelleAutor der Antwort Phrogz

Meisten JavaScript-Ereignisse Blaseso dass Sie könnte so etwas wie die folgenden:

• Kommen mit einer Liste aller Ereignisse würden Sie als "Aktivität vom Benutzer" (z.B.clickmousemovekeydown usw.)
• Befestigen Sie eine Funktion als Ereignis-listener für alle events zu document (oder vielleicht document.body für einige von Ihnen; ich kann mich nicht erinnern, ob das ein Problem ist oder nicht).
• Wenn der listener ausgelöst wird, haben Sie einen reset der Schaltuhr mit clearTimeout/setTimeout

So dass Sie würde am Ende mit etwas wie dieses:

var events = ['click', 'mousemove', 'keydown'],
    i = events.length,
    timer,
    delay = 10000,
    logout = function () {
        //do whatever it is you want to do
        //after a period of inactivity
    },
    reset = function () {
        clearTimeout(timer);
        timer = setTimeout(logout, 10000);
    };

while (i) {
    i -= 1;
    document.addEventListener(events[i], reset, false);
}
reset();

Beachten Sie, dass es gibt einige Probleme, die Sie haben würden, zu arbeiten, mit dem obigen code:

• Es ist nicht cross-browser-kompatibel. Es nutzt nur addEventListeneralso es funktioniert nicht in IE6-8
• Es belastet die globalen namespace. Es schafft eine Menge überflüssigen Variablen, die möglicherweise in Konflikt mit anderen Skripten.

Es ist mehr, um Ihnen eine Vorstellung von dem, was Sie tun konnte.

Und jetzt sind es vier andere Antworten, aber ich habe bereits geschrieben, bis Sie alle, so ist es 😛

InformationsquelleAutor der Antwort sdleihssirhc

Etwas wie dieses:

function onInactive(ms, cb){   

    var wait = setTimeout(cb, ms); 

    //Bind all events you consider as activity
    //Note that binding this way overrides any previous events bound the same wa
    //So if you already have events bound to document, use AddEventListener and AttachEvent instead
    document.onmousemove = document.mousedown = document.mouseup = document.onkeydown = document.onkeyup = document.focus = function(){
        clearTimeout(wait);
        wait = setTimeout(cb, ms);

    };

}

IE: http://jsfiddle.net/acNfy/
Aktivität in der rechten unteren frame Verzögerung der Rückruf.

InformationsquelleAutor der Antwort Paulpro

Werfen Sie auch einen Blick auf jQuery-plugin idleTimer von Paul Irish (jquery.idle-timer.js). Es basiert auf Nicholas C. Zakas' Erkennen, wenn der Benutzer inaktiv ist mit JavaScript und YUI 3 Artikel (idle-timer.js).

Sieht es bei ähnlichen Veranstaltungen an den anderen Antworten, plus ein paar mehr.

events  = 'mousemove keydown DOMMouseScroll mousewheel mousedown touchstart touchmove';
//activity is one of these events

InformationsquelleAutor der Antwort Kevin Hakanson