JSFiddle - React, Tailwind, and code Playground

by D Guillory

JavaScript

var timer = 60;
var idleCount = 0;

window.onload = function () {
    idleCount = 0;
};
window.onscroll = function () {
    idleCount = 0;
}; //mobile scrolling
window.onmousedown = function () {
    idleCount = 0;
}; //mobile touchpad press events
window.onclick = function () {
    idleCount = 0;
}; //mobile touchpad click events
document.mousemove = function () {
    idleCount = 0;
};
document.mousedown = function () {
    idleCount = 0;
};
document.mouseup = function () {
    idleCount = 0;
};
document.onkeydown = function () {
    idleCount = 0;
};
document.onkeyup = function () {
    idleCount = 0;
};
document.focus = function () {
    idleCount = 0;
};

window.setInterval(CheckInactivity, 3000);

function CheckInactivity(){
    idleCount++;
    if (idleCount >= timer){
             $('.modal').modal('hide');
             $('#sessiontimeout-warning').modal('show');
            timerClock();
    }
        $.ajax({ url: sessionResetURL, type: "GET", cache: false, async: false });

        ajaxCallHandler = setTimeout(sessionReset, 30000);
    }