You must Sign In to post a response.
  • Category: JQuery

    How to implement TimeOut popup if idle for 15 min?

    Hi,
    I want to show a timeout popup , if user remains idle for 15 min in my application.

    Please let me know how to implement in Javacsript or Jquery or AngularJS
  • #763203
    Hello Jeevan,

    Refer the below code :

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <title>Popup Sample App</title>
    <script type="text/javascript">
    var timeout = 60; //seconds
    var counter = 0;
    document.onclick = function () {
    counter = 0;
    };
    document.onmousemove = function () {
    counter = 0;
    };
    document.onkeypress = function () {
    counter = 0;
    };
    window.setInterval(CheckIdleTime, 1000);

    function CheckIdleTime() {
    counter++;
    var oPanel = document.getElementById("SecondsUntilExpire");
    if (oPanel)
    oPanel.innerHTML = (timeout - counter) + "";
    if (counter >= timeout) {
    alert("You've been idle for 1 minute!");
    }
    }
    </script>
    </head>
    <body>
    <form id="form1" runat="server">
    <div>
    </div>
    </form>
    </body>
    </html>

    Hope this will help you. You can change the timeout as per your requirement.

    Regards,
    Nirav Lalan
    DNS Gold Member
    "Failure is the path of least persistence"


  • Sign In to post your comments