Display Session Timeout message when user idle in Browser using JavaScript

veenahos...

SOLVED CLOSED ACTIVE ANSWERED
User: veenahosur
Posted: on Oct 11, 2017 02:37 AM
Forum: JavaScript
Answer: 1
Views: 92760
Sample Code: Download

Hi,

i am using session time out when browser is idle for long time.

below is code is working but its working even browser is busy or user using application.I want it when user not using application for long time it should show alert and redirect to login.How can i do it

   var sessionTimeout = "<%= Session.Timeout %>";

        //To redirect to the welcome page
        setTimeout('RedirectToWelcomePage()', parseInt(sessionTimeout) * 60 * 1000);

        //Session timeout
        function RedirectToWelcomePage() {
            alert("Your Session has expired. Please login again");
            window.location = "AdminLogin.aspx";
        }

dharmend...

0 1

Reply
ANSWER
User: dharmendr
Replied: on Oct 11, 2017 02:45 AM
Report

Hi veenahosur,

Please refer the below sample code and modified as per your requirement.

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        #timeOut
        {
            background-color: yellow;
        }
    </style>
    <script type="text/javascript">
        var IdealTimeOut = 10; //10 seconds
        var idleSecondsTimer = null;
        var idleSecondsCounter = 0;
        document.onclick = function () { idleSecondsCounter = 0; };
        document.onmousemove = function () { idleSecondsCounter = 0; };
        document.onkeypress = function () { idleSecondsCounter = 0; };
        idleSecondsTimer = window.setInterval(CheckIdleTime, 1000);

        function CheckIdleTime() {
            idleSecondsCounter++;
            var oPanel = document.getElementById("timeOut");
            if (oPanel) {
                oPanel.innerHTML = (IdealTimeOut - idleSecondsCounter);
            }
            if (idleSecondsCounter >= IdealTimeOut) {
                window.clearInterval(idleSecondsTimer);
                alert("Your Session has expired. Please login again.");
                window.location = "https://www.aspsnippets.com/";
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        You will be auto logged out in <span id="timeOut"></span> seconds.
    </div>
    </form>
</body>
</html>

Demo

Display Session Timeout message when user idle in Browser using JavaScript

Company

Explore

Follow us

Contact Us