Automatisch Ausloggen

CuzImCloud · 28. September 2018

Guten Tag,

ich wollte mal Fragen wie man es machen kann, das ein Benutzer in meinem Interface nach 5 Minuten Inaktivität - Also die Maus im Interface nicht bewegt und im Interface nichts anklickt, nach 5 Minuten ausgeloggt wird. Also zur Seite "logout.php" geleitet wird nach 5 Minuten Inaktivität.

Ich komme da leider nicht weiter und wollte mal hier um Rat Fragen.

Eventuell kann mir ja jemand weiterhelfen

Liebe Grüßen

CuzImCloud

basti1012 · 28. September 2018

Du läst einen Counter mit laufen wenn einer deine Seite besucht. Sobald die Maus bewegt ( mouse events ) wird stelltst du den Timer ( setInterval ) wieder auf 0. Sobald die Maus sich nicht mehr bewegt zählt der Zähler wieder hoch und sobald er 5 Minuten erreicht hat läst du die Seite umleiten ( location.href='deineseite.de';.

So könnte man es machen .Aber gibt auch noch andere möglichkeiten

Arne Drews · 28. September 2018

Eine Übersicht der Events findest Du hier: https://developer.mozilla.org/de/docs/Web/API/Event

Speziell benötigst Du dann die Mouse- und KeyboardEvents

CuzImCloud · 28. September 2018

Code

            var idleTime = 0;
            $(document).ready(function () {

                var idleInterval = setInterval(logout, 10000);

                $(this).mousemove(function (e) {
                    idleTime = 0;
                });
                $(this).keypress(function (e) {
                    idleTime = 0;
                });
            });

            function logout() {
                idleTime = idleTime + 1;
                if (idleTime > 5) { 
                    window.location.href = "logout.php"
                }
            }

Alles anzeigen

Ich habs das so mal gemacht. (Teilweise aus Google)

Das funktioniert jedoch leider nicht. Also ich werde nicht ausgeloggt.

basti1012 · 28. September 2018

ich hätte es etwas anders gemacht aber so geht es natürlich auch.

Dein Code läuft bei mir so

Code

var idleTime = 0;
        $(document).ready(function () {
               var idleInterval = setInterval(function(){logout()}, 1000);
               $(document).mousemove(function (e) {
                    idleTime = 0;
               });
               $(document).keypress(function (e) {
                    idleTime = 0;
               });
        });
        function logout() {
                idleTime++;
                if (idleTime > 300) {           
                        window.location.href = "logout.php"
                }
        }

Alles anzeigen

CuzImCloud · 29. September 2018

Mal ne Dumme Frage:

Muss der Code an einen bestimmten Ort? Mitte - Ende?

Weil bei mir passiert nichts.

Arne Drews · 29. September 2018

Solange Du $(document).ready() verwendest, ist das egal wohin.

Zeig doch mal, wie der aktuelle Stand ist und an welcher Stelle Du das eingebaut hast

basti1012 · 29. September 2018

und jquery einbinden nicht vergessen! Das wird gerne öffters übersehen.

Oder du schreibst den Code um das er ohne Jquery läuft.

So ungefähr

Code

window.onload=function(){
var idleTime = 0;
var idleInterval = setInterval(function(){logout()}, 1000);

element=document.getElementsByTagName('body')[0];
element.addEventListener('mousemove', function(e) {idleTime = 0;})
element.addEventListener('keypress', function(e) {idleTime = 0;})
        function logout() {
                idleTime++;
                if (idleTime > 300) {           
                        window.location.href = "logout.php"
                }
        }
}

Alles anzeigen

Aber das geht bestimmt noch kürzer kürzer ( besser ). Vieleicht kann Arne Drews dazu was sagen ,der beherscht das native Javascript und längen besser als ich

Arne Drews · 29. September 2018

Naja, ich würds vielleicht ein bisschen anders machen, aber deswegen ist Deine Variante ja nicht verkehrt.

JavaScript

var _t = 0;
var _tMax = 300;

window.onload = function() {
  
  setInterval(function() {
          if ( _t++ > _tMax )
            window.location.href = "logout.php";
      }
      , 5000
    );
  
  document.onmousemove = document.onkeypress = function() { _t = 0; }

}

Alles anzeigen

CuzImCloud · 29. September 2018

Zitat von basti1012
und jquery einbinden nicht vergessen! Das wird gerne öffters übersehen.

Oder du schreibst den Code um das er ohne Jquery läuft.

So ungefähr
Code
window.onload=function(){
var idleTime = 0;
var idleInterval = setInterval(function(){logout()}, 1000);

element=document.getElementsByTagName('body')[0];
element.addEventListener('mousemove', function(e) {idleTime = 0;})
element.addEventListener('keypress', function(e) {idleTime = 0;})
        function logout() {
                idleTime++;
                if (idleTime > 300) {           
                        window.location.href = "logout.php"
                }
        }
}
Alles anzeigen
Aber das geht bestimmt noch kürzer kürzer ( besser ). Vieleicht kann Arne Drews dazu was sagen ,der beherscht das native Javascript und längen besser als ich

Hat funktioniert

Vielen Dank!

Automatisch Ausloggen

Jetzt mitmachen!

Teilen