Rediriger l'utilisateur après 60 secondes de ralenti ou de l'inactivité?

Comment puis-je utiliser JavaScript sur mon site pour rediriger l'utilisateur vers une /logout page après 60 secondes d'inactivité?

Je sais réglage d'une minuterie ou à l'aide d'une balise meta refresh est simple: mais je ne veux rediriger les utilisateurs inactifs, de ne pas perturber la session active/utilisation.

Est-ce possible avec du JavaScript?

Pas sûr, mais je pense que vous pouvez lier chaque action de la fonction de réinitialisation de la minuterie...
Ce qui est "inactif", défini comme? Ne déplacez pas la souris? Ne pas appuyer sur les touches? Que faire si ils prennent 60 secondes pour lire quelque chose et de ne pas frapper la souris et le clavier comme ils lire?
Conception de l'INTERFACE utilisateur antipattern, hein?
Si un utilisateur passe devant le clavier ne serait-il pas bon de notifier à l'hôpital? La grande fonctionnalité de l'INTERFACE utilisateur je dis 😉

OriginalL'auteur simon | 2011-04-12

  1. 6

    I belive vous cherchez quelque chose comme ceci:

    http://paulirish.com/2009/jquery-idletimer-plugin/

    Si vous le code que vous-même, vous avez besoin pour capturer les souris et les événements de clavier et redémarrez votre minuterie après ces événements. Si la minuterie atteint jamais le seuil ou le compte à rebours à 0 à partir du seuil vous pouvez réinitialiser l'URL de la page.

    OriginalL'auteur jallmer

  2. 4

    Il est également l'un des plus up-to-date de la version du plugin.

    Il sera en mesure de tirer d'inactivité de l'événement sur l'ensemble du document ou des éléments uniques. Par exemple souris sur un élément pendant x secondes et il déclenche un événement. Un autre événement est déclenché lorsque l'utilisateur redevient active.

    Cette inactivité de l'évènement vous permettra de rediriger l'utilisateur après un temps donné d'inactivité.

    Soutenu l'activité: mousemove keydown roue DOMMouseScroll de la molette de la mousedown évènements touchstart touchmove MSPointerDown MSPointerMove

    https://github.com/thorst/jquery-idletimer

    OriginalL'auteur Firze

  3. 1

    Au lieu d'utiliser un plugin inutiles Ko, tous vous avez besoin est d'une simple fonction comme ceci
    (voir l'explication dans les commentaires):

    <script>
(function() {

    const idleDurationSecs = 60;    //X number of seconds
    const redirectUrl = '/logout';  //Redirect idle users to this URL
    let idleTimeout; //variable to hold the timeout, do not modify

    const resetIdleTimeout = function() {

        //Clears the existing timeout
        if(idleTimeout) clearTimeout(idleTimeout);

        //Set a new idle timeout to load the redirectUrl after idleDurationSecs
        idleTimeout = setTimeout(() => location.href = redirectUrl, idleDurationSecs * 1000);
    };

    //Init on page load
    resetIdleTimeout();

    //Reset the idle timeout on any of the events listed below
    ['click', 'touchstart', 'mousemove'].forEach(evt => 
        document.addEventListener(evt, resetIdleTimeout, false)
    );

})();
</script>

    Si vous souhaitez rediriger vers la page d'accueil (généralement à /), changement '/logout' à '/':

        const redirectUrl = '/';  //Redirect idle users to the root directory

    Si vous voulez vous rafraîchir la page en cours, il suffit de changer '/logout' dans le code ci-dessus pour location.href:

        const redirectUrl = location.href;  //Redirect idle users to the same page

    OriginalL'auteur Samuel Liew