javascript check time out ถ้าไม่มีการคลิกใดๆบน page ติดต่อกัน

พูดคุย แลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework Jquery

Moderator: mindphp

User avatar
jataz2
PHP Super Member
PHP Super Member
Posts: 235
Joined: 22/02/2011 11:48 am

javascript check time out ถ้าไม่มีการคลิกใดๆบน page ติดต่อกัน

Post by jataz2 » 26/06/2019 5:57 pm

javascript check time out ถ้าไม่มีการคลิกใดๆบน page ติดต่อกันนับได้มากกว่า 30 ก็ดีดไปหน้า session timeout (ในตัวอย่างให้เด้งไปเว็บ google.com)
ถ้ามีการ คลิก mouse ใดๆลงบน page ก็ reset Idle time เริ่มนับใหม่

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
        //new logic check timeout
        var timeOutMin = 30;
        var timeOut = (timeOutMin==null)?30:timeOutMin;
        var idleTime = 0;
        var idleInterval = setInterval(timerIncrement, 3000); // 3 secs

        document.onmousedown = function()
        {
            idleTime = 0;
        };

       document.onkeydown=function(e)
        {
            idleTime = 0;
        }

        function timerIncrement() {
            idleTime = idleTime + 1;
            document.getElementById('myspan').firstChild.data= "Idle Time -> " + idleTime + " <- without mouse click if > 30  go to google.com , to reset idle time just click on page" ;

            if (idleTime > timeOut) {
                top.location.href = 'www.google.com';
            }
        }
</script>
</head>
<body>
<span id="myspan">Idle Time without mouse click if > 30  go to google.com : &nbsp;</span>
</body>
</html>

tsukasaz
PHP VIP Members
PHP VIP Members
Posts: 10449
Joined: 18/04/2012 9:39 am

Re: javascript check time out ถ้าไม่มีการคลิกใดๆบน page ติดต่อกัน

Post by tsukasaz » 26/06/2019 6:22 pm

อันนี้เวอร์ชั่นอัพเดทจาก 3 ปีก่อนเปล่าครับ 5555
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)

Post Reply

Return to “JavaScript & Jquery Ajax”

Who is online

Users browsing this forum: Google [Bot] and 1 guest