Server IP : 150.95.80.236 / Your IP : 3.143.241.133 Web Server : Apache System : Linux host-150-95-80-236 3.10.0-1160.105.1.el7.x86_64 #1 SMP Thu Dec 7 15:39:45 UTC 2023 x86_64 User : social-telecare ( 10000) PHP Version : 7.4.33 Disable Function : opcache_get_status MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/vhosts/pcu.in.th/uat.pcu.in.th/demo15/src/plugins/bootstrap-session-timeout/examples/ |
Upload File : |
<!DOCTYPE html> <html> <head> <title>Bootstrap-session-timeout - Countdown Timer</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css"> </head> <body> <div class="container"> <h1>Bootstrap-session-timeout</h1> <h2>Custom Callback</h2> <hr> <p>Shows an example of using custom callback functions for warning and redirect.</p> <div class="jumbotron" style="background: #398439;"> <h3>Session Status:</h3> <p class="hidden" id="fine">Session is fine.</p> <p class="hidden" id="warn">Warning: session will expire in less than 17 seconds.</p> </div> <pre> $.sessionTimeout({ keepAliveUrl: 'keep-alive.html', logoutUrl: 'login.html', warnAfter: 3000, redirAfter: 20000, onStart: function () { $('.jumbotron').css('background', '#398439').find('p').addClass('hidden'); $('#fine').removeClass('hidden') }, onWarn: function () { $('.jumbotron').css('background', '#b92c28').find('p').addClass('hidden'); $('#warn').removeClass('hidden') }, onRedir: function (opt) { window.location = opt.logoutUrl; } }); </pre> <a class="btn btn-primary" href="../index.html" role="button">Back to Demo Index</a> </div> <script src="../bower_components/jquery/dist/jquery.min.js"></script> <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script> <script src="../dist/bootstrap-session-timeout.js"></script> <script> $.sessionTimeout({ keepAliveUrl: 'keep-alive.html', logoutUrl: 'login.html', warnAfter: 3000, redirAfter: 20000, onStart: function () { $('.jumbotron').css('background', '#398439').find('p').addClass('hidden'); $('#fine').removeClass('hidden'); }, onWarn: function () { $('.jumbotron').css('background', '#b92c28').find('p').addClass('hidden'); $('#warn').removeClass('hidden'); }, onRedir: function (opt) { window.location = opt.logoutUrl; } }); </script> </body> </html>